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

请求大伙一个问题,就是小米官网首页http://www.mi.com/的智能硬件下的图片产品,当我鼠标移动到其图片就会有浮动凸出的效果,这个用什么技术实现的呢?css3吗?

https://img.mukewang.com/5cb935f100012e0d08000491.jpg

我查看其元素看不懂,求前辈们帮忙,谢谢了



饮歌长啸
浏览 447回答 6
6回答

慕侠2389804

孩纸,拿走不谢:plunker顺便说下,就是css3的一些简单样式,主要是transition属性

万千封印

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

白猪掌柜的

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

慕仙森

鼠标经过,div显示就可以了嘛,鼠标离开就隐藏,过渡效果的话可以用css也可以用jquery
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

Java