-
z-index用法查看全部
-
position用法查看全部
-
box_shadow用法查看全部
-
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—查看全部
-
transform查看全部
-
旋转。缩放。阴影。动画。查看全部
-
關鍵技術: 1、阴影:box-shadow; 2、定位:position:absolute/relative; 3、层叠显示:z-index; 4、元素变形:transition:(rotate-旋转 scale—缩放 skew—扭曲); 5、过渡:transition;查看全部
-
编程练习查看全部
-
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—查看全部
-
transform查看全部
-
关键技术点: 1、阴影:box-shadow 2、位置:position(absolute relative) 3、显示顺序:z-index 4、元素变形:transform(rotate旋转 scale缩放 skew扭曲) 5、过渡:transition查看全部
-
步骤: 1、照片位置 2、旋转角度 3、阴影、缓慢旋转、缓慢放大查看全部
-
旋转,缩放,阴影,动画查看全部
-
box-shadow 边框添加阴影效果 position 给元素定位 z-index 设置元素上下层显示 transform 是元素变形的属性,配合rotate旋转/scale改变大小 -webkit-是Chrome和Safar浏览器的前缀;查看全部
-
使用transform要考虑到浏览器兼容性. -webkit- 是Chrome和Safari浏览器的前缀; -moz- 是Firefox浏览器的前缀。 -webkit-transform: -moz-transform:查看全部
举报
0/150
提交
取消