-
-webkit-是Chrome和Safar浏览器的前缀; -moz-是Firefox浏览器的前缀;查看全部
-
课程简介查看全部
-
box-shadow 边框添加阴影效果 position 给元素定位 z-index 设置元素上下层显示 transform 是元素变形的属性,配合rotate旋转/scale改变大小 transition设置样式转变所需时间查看全部
-
z-index查看全部
-
关键技术点: 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其中的一种用法查看全部
-
角度与放大缩小倍数
transform:rotate(m) scale(n);
延长时间2秒
transition:2s;
查看全部 -
transition:(用法之一)变化所需的时间
查看全部 -
transform:旋转与缩放
查看全部 -
z_index:上下层显示顺序
查看全部 -
position:定位
查看全部 -
box_shadow:添加阴影
查看全部 -
-webkit-是Chrome和Safari浏览器的前缀 -moz-是firefox浏览器前缀查看全部
-
关键技术点: 1、阴影:box-shadow 2、位置:position(absolute relative) 3、显示顺序:z-index 4、元素变形:transform(rotate旋转 scale缩放 skew扭曲) 5、过渡:transition查看全部
-
照片墙基本制作步骤查看全部
-
照片墙基本制作步骤查看全部
举报
0/150
提交
取消