先看一下这个css3 悬浮的鼠标悬停特效，用的是GIF 的动图演示。
整体结构是 html和 css 两部分写出的，html 部分就很简单了，一个div 里面一张图片 ，然后文字和图片就放在另一个div 里面 一个p 标记 和 h3 标记。
css 部分 基本的布局就很简单了，首先全局清除样式，设置最外面 大盒子的距离等等，效果最先实现的就是文字旋转部分了。
在然后就是一个 鼠标移入过程中，有一个遮盖旋转的效果 ，这个主要是用 css3 中的 ：：after 和 ：：before 两个伪元素 做的。
整体的效果看着还是可以的，效果也非常的实用。
网友评论