-
transition 过渡效果 translate查看全部
-
transform查看全部
-
z-index查看全部
-
position查看全部
-
text=shadow查看全部
-
box-shadow查看全部
-
制作步骤查看全部
-
css3 pic查看全部
-
transition:1s;实现动画，放在要实现动画的基本元素css里面。 浏览器兼容有：webkit、moz、o、ms。查看全部
-
transform实现盒子的旋转、缩放倍数、扭曲元素查看全部
-
每一张都有一定的旋转角度查看全部
-
关键技术点： 1、box-shadow:阴影 功能：给元素的边框添加阴影的效果 语法：box-shadow:X轴偏移量 Y轴偏移量 [阴影模糊半径][阴影扩展半径][阴影颜色][投影方式] 2、position:给元素定位 功能：给元素定位，主要用到绝对定位 用法：position:absolute与posistion:relative 配合使用实现相对于包含元素(参照元素)定位 3、z-index:设置元素上下层显示顺序 功能：设置元素的上下层显示顺序 语法：Z-index：整数 注意：拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面 4、transform:元素变形 {rotate(旋转角度)、scale(缩放倍数)、skew(扭曲元素)} 功能：使元素变形的属性，其配合rotate(旋转角度)、scale（缩放倍数）、skew(扭曲元素)等参数一起使用 语法： transform:rotate(旋转角度) transform:scale(缩放倍数) 5、transition 功能：设置元素由样式1转变成样式2的过程所需时间 语法：transition:durantion 注意：这只是transition其中的一种用法查看全部
-
照片墙的制作步骤： 1.放位置各异的照片 2.每张照片给一定旋转角度 3.照片的动画效果(阴影，缓慢旋转，缓慢放大特效)查看全部
-
transform旋转查看全部
-
【CSS3绚丽照片墙】关键技术点： 1、box-shadow:阴影 2、position:给元素定位 3、z-index:设置元素上下层显示顺序 4、transform:元素变形。rotate(旋转角度)scale(缩放倍数)skew(扭曲元素) 5、transition设置元素由样式1转变成样式2的过程所需时间。transition:durantion查看全部
举报
0/150
提交
取消