-
transform:rotate(30deg); 顺时针旋转30° transform:scale(1.2); 放大1.2倍 transition:1s; 动画从样式1到样式2的时间 box-shadow: 10px 11px 12px 13px #ccc; 盒子阴影 -webkit- 谷歌内核 -moz- 火狐内核查看全部
-
关键技术点： 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其中的一种用法查看全部
-
box-shadow 边框添加阴影效果 position 给元素定位 z-index 设置元素上下层显示 transform 是元素变形的属性，配合rotate旋转/scale改变大小 -webkit-是Chrome和Safar浏览器的前缀； -moz-是Firefox浏览器的前缀； transition设置样式转变所需时间查看全部
-
trasition查看全部
-
box-shodow; position ;z-index;trasform;查看全部
-
transform:scale(缩放倍数)查看全部
-
动画效果为什么不能在IE浏览器上面实现？查看全部
-
box-shadow查看全部
-
box-shadow查看全部
-
.mainDiv:hover{ background:#fff; font-color:#000; -webkit-transform:rotate(720deg) scale(2); -moz-transform:rotate(720deg) scale(2); transform:rotate(720deg) scale(2); -webkit-transition:1s; -moz-transition:1s; transition:1s; }查看全部
-
-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; }查看全部
-
关键技术点： （1）box-shadow 功能：给元素的边框添加阴影的效果 语法：box-shadow：X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式] （2）position 功能：给元素定位，主要用到绝对定位 用法：position：absolute 与 position：relative 配合使用实现相对于包含元素(参照元素)定位 （3）z-index 功能：设置元素的上下层显示顺序 语法：z-index：整数 注意：拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面 （4）transform 功能：使元素变形的属性，其配合rotate(旋转角度)、scale(缩放倍数)、skew(扭曲元素)等参数一起使用 语法：transform：rotate(旋转角度) transform：scale(缩放倍数) （5）transition 功能：设置元素由样式1转变为样式2的过程所需时间 语法：transition：duration 注意：这只是transition其中的一种用法，还有其它复杂的用法请查看本网站的《十天学会CSS3》课程查看全部
-
照片墙的制作步骤： （1）每张照片的位置是不一样的 （2）每张照片有一定的旋转角度 （3）照片阴影及缓慢旋转、缓慢放大特效制作查看全部
-
使用css3实现：旋转、缩放、阴影、动画。查看全部
-
好的啊查看全部
举报
0/150
提交
取消