-
关键点两个： 1：使用页面元素安排原图片集的样式 2：利用css代替js代码实现动态的变化效果查看全部
-
css想替代JavaScript的功能查看全部
-
很不错的实例查看全部
-
transform:rotate(旋转角度）scale(缩放倍数）查看全部
-
box-shadow查看全部
-
transform-style:preserve-3d查看全部
-
恩，好的查看全部
-
transform查看全部
-
1. box-shadow：给元素的边框添加阴影的效果 2. position：给元素定位，主要用到绝对定位 3. z-index:设置元素的上下层显示 4. transition：设置元素由样式1转变为样式2的过程所需时间 border-radius 该属性允许您为元素添加圆角边框！ 5. transform：使元素变形的属性，其配合rotate(旋转角度)、scale(改变大小)、skew(扭曲元素)等参数一起使用 6.使用绝对定位position:absolute将照片放在不同的位置查看全部
-
box-shadow 边框添加阴影效果 position 给元素定位 z-index 设置元素上下层显示 transform 是元素变形的属性，配合rotate旋转/scale改变大小 -webkit-是Chrome和Safar浏览器的前缀； -moz-是Firefox浏览器的前缀； transition设置样式转变所需时间查看全部
-
trasition查看全部
-
box-shodow; position ;z-index;trasform;查看全部
-
动画效果为什么不能在IE浏览器上面实现？查看全部
-
box-shadow查看全部
-
-webkit-是chrome和safari浏览器的前缀;-moz-是firefox浏览器的前缀 旋转图片：transform:rotate(20deg); 旋转图片的时间：transtion:2s; 图片缩放倍数：transform：scale(2); 图片边框加阴影：boxshadow：10px 10px 15px #CCC; 第二个参数控制垂直方向的阴影。 图片外包装层：position：relative;图片：position：absolute; img{ position:absolute; transform:rotate(20deg); -webkit-transform:rotate(20deg); -moz-transform:rotate(20deg); transtion:1s; -moz-transtion:1s; -webkit-transtion:1s; } img:hover{ transform:scale(0deg); -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); boxshadow：10px 10px 15px #CCC; }查看全部
举报
0/150
提交
取消