求前辈们帮忙，谢谢了

Question

请求大伙一个问题，就是小米官网首页http://www.mi.com/的智能硬件下的图片产品，当我鼠标移动到其图片就会有浮动凸出的效果，这个用什么技术实现的呢？css3吗？我查看其元素看不懂，求前辈们帮忙，谢谢了

Answer 1

hover的时候通过js添加了一个brick-item-active 类,这个类的css代码如下

.brick-item-active{

   -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1);

   box-shadow: 0 15px 30px rgba(0,0,0,0.1);

   -webkit-transform: translate3d(0, -2px, 0);

   transform: translate3d(0, -2px, 0);

}

Answer 2

css3的过渡