京东自营 + 国补 iPhone 历史最低价          国家补贴 享8折

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

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

下载方法:
1、请用微信扫描下方二维码关注时代Java公众号,或者微信搜索时代JavaNowJava关注。
    (如已经关注,请直接发送编号)
2、在时代Java公众号里发送编号:5835
5835
3、发送后,将立刻收到 “验证码已经接收成功” 的回复,即可选择线路下载:
通用网络下载移动网络下载电信网络下载

本文系作者在时代Java发表,未经许可,不得转载。

如有侵权,请联系nowjava@qq.com删除。

编辑于

关注时代Java

关注时代Java