突变倒影图片免费素材下载 Css3完成带倒影的3D图片走廊的成果代码

这个小demo是HTML5&CSS3完成的带倒影的3D图片走廊，次要用到了CSS3里的突变以及转换。只兼容Webkit阅读器，各人能够本人加之mozilla以及opera的兼容。咱们给每一个div退出两个图片（img以及img_r），img_r是用于搁置倒影的，img_r中经过突变通明叠加之图片自身，做出突变的半通明成果，而后再用scaleY(-1)，让倒影反转过去。