html5 鼠标旋转动画效果,CSS3鼠标滑过图片3D翻转动画特效

这是一款效果非常炫酷的CSS3鼠标滑过图片3D翻转动画特效。该特效基于Bootstrap网格系统来布局，通过简单的CSS3代码，在鼠标滑过图片时对图片进行3D翻转，效果非常的酷。

使用方法

HTML结构

该特效使用Bootstrap网格系统来布局。

CSS样式

每张图片的包裹元素.box使用perspective属性来制作3D透视空间。它里面的图片默认沿Y轴旋转0度，并为所有的动画设置0.5秒的ease-in-out过渡效果。

.box{

position: relative;

perspective: 1000px;

}

.box .box-img{