您现在的位置是：网站首页> 软件下载软件下载

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

2021-09-13 163人已围观

简介 Css3实现带倒影的3D图片走廊的效果代码下载-

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