京东店铺添加CSS3放大境代码特效模块鼠标移过图片自动放大或缩小显示

CSS3实在是强大 复杂的动画由CSS来实現着实让人好理解， 闲话不多说直接进入正题今天实验的不是沉浸式轮播图， 而是类似优酷的立体轮播图

页面布局同正常的轮播图一样沒什么好说的上代码.

注意到图片到两边时height应该为0， 但是为了视觉效果图片上还是给了一些高度
总共轮播一共5种状态， 因此一个animation属性要設置0% 20%， 40% 60%， 80% 100%， 这五种状态 但是由于开始时盒子内已经有三张起始图片因此我认为应该要写4种运动动画， 3个是开始的图片三个 第4个動画是通用的。每一次的运动就是分别改变left height， width 等几种属性。

京东店铺添加CSS3放大境代码特效模块鼠标移过图片自动放大或缩小显示