CSS特效

关注公众号 jb51net

关闭
Css3实现带倒影的3D图片走廊的效果代码

Css3实现带倒影的3D图片走廊的效果代码

热门排行

简介

这个小demo是HTML5&CSS3实现的带倒影的3D图片走廊,主要用到了CSS3里的渐变和转换。只兼容Webkit浏览器,大家可以自己加上mozilla和opera的兼容。我们给每个div加入两个图片(img和img_r),img_r是用于放置倒影的,img_r中通过渐变透明叠加上图片本身,做出渐变的半透明效果,然后再用scaleY(-1),让倒影反转过来。

大家还下载了