Css3实现带倒影的3D图片走廊的效果代码 大小:1.12MB 分类:CSS特效 环境:css/css3 更新:2012-08-22 下载 热门排行 美女室友 骗子酒吧 植物大战僵尸 现场清洁工 卡牌商店 交易猫 乐高大乱斗 小偷模拟器 流浪汉模拟器 石河伦吾的朋友们 道友请留步 欢乐小镇 简介 这个小demo是HTML5&CSS3实现的带倒影的3D图片走廊,主要用到了CSS3里的渐变和转换。只兼容Webkit浏览器,大家可以自己加上mozilla和opera的兼容。我们给每个div加入两个图片(img和img_r),img_r是用于放置倒影的,img_r中通过渐变透明叠加上图片本身,做出渐变的半透明效果,然后再用scaleY(-1),让倒影反转过来。