css如何设置悬浮旋转 – CSS – 前端 css提示样式

这与html的结构是分不开的

举个例子

html

<div.class=”pic”>鼠标移过来看看<img src=”你找张你本地的图片放这里”/></div>.pic{position:relative;}

.pic img{display:none}

.pic:hover img{display:block}上面的代码，实现了鼠标经过时，图片显示。但ie低版本浏览不支持a以外的元素的hover伪类，所以这个写法是不兼容低版本浏览的。

另外你的要求是

鼠标拿开旋转消失

这个可以在.pic img加css3的过渡属性，在.pic:hover img加css3的旋转属性即可。