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

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

1. 本站所有文章及资源来源于用户上传和网络,如有侵权请联系站长处理!
2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
3. 不得使用于非法商业用途,不得违反国家法律,否则后果自负!
4. 如有链接无法下载、失效或广告,请联系管理员处理!
5. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!

中国站长社区 » Css3实现带倒影的3D图片走廊的效果代码

发表评论