求前辈们帮忙一个前端问题，谢谢了

Question

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

Answer 1

孩纸，拿走不谢：plunker

顺便说下，就是css3的一些简单样式，主要是transition属性

Answer 2

就是加了一个阴影，然后过渡，让你觉得突出来了，其实只是一层阴影而已。至于z-index:2和traslate3d删除这两个属性也没发现有什么影响，我猜是hack什么东西。

Answer 3

firefox下，右键-使用firebug查看元素，上下箭头移动到li标签这一层，右侧可以查看具体样式。

Answer 4

鼠标经过，div显示就可以了嘛，鼠标离开就隐藏，过渡效果的话可以用css也可以用jquery