-
关键点4查看全部
-
transition 设置元素样式变化所需时间查看全部
-
特效实现步骤:查看全部
-
技术点(3):transition 设置元素样式变化所需时间查看全部
-
技术点(4): transform 旋转特效查看全部
-
技术点(3):z-index 设置元素上下层显示顺序查看全部
-
技术点(2):position 给元素定位,主要用到绝对定位 => 放照片查看全部
-
技术点(1):box-shadow属性 给元素边框添加阴影效果。查看全部
-
特效实现步骤: 放位置各异的照片 =》 每张照片给一定旋转角度 =》 照片的动画效果(阴影,缓慢旋转,缓慢放大特效)查看全部
-
CSS3新特性运用:绚丽照片墙查看全部
-
1、box-shadow(阴影的效果) 2、position:absolute/relative(定位) 3、z-index(设置图片的叠放顺序) 4、transition(设置元素从样式1变为样式2的过程时间) transition-duration 5、tranform(元素的变形) transform:rotate(旋转角度) transform-scale(元素的缩放大小) transform-skew 6、浏览器的兼容性 (1)-webkit- (2)-moz- (3) (4)、—ms— box-shadow 边框添加阴影效果 position 给元素定位 z-index 设置元素上下层显示 transform 是元素变形的属性,配合rotate旋转/scale改变大小 transition设置样式转变所需时间查看全部
-
1. box-shadow:给元素的边框添加阴影的效果 2. position:给元素定位,主要用到绝对定位 3. z-index:设置元素的上下层显示 4. transition:设置元素由样式1转变为样式2的过程所需时间 border-radius 该属性允许您为元素添加圆角边框! 5. transform:使元素变形的属性,其配合rotate(旋转角度)、scale(改变大小)、skew(扭曲元素)等参数一起使用 6.使用绝对定位position:absolute将照片放在不同的位置查看全部
-
1、阴影:box-shadow; 2、定位:position:absolute/relative; 3、层叠显示:z-index; 4、元素变形:transition:(rotate-旋转 scale—缩放 skew—扭曲); 5、过渡:transition;查看全部
-
transition用法查看全部
-
transform用法查看全部
举报
0/150
提交
取消