-
哇、变得好大。2333333查看全部
-
1、将内容放在一个容器里 2、absolute绝对定位, 3、transform:rotate倾斜角度 4、-webkit-&&-moz-浏览器兼容 5、transition根据时间将元素1转变为元素2 6、box-shadow元素边框添加阴影效果查看全部
-
1.box-shadow 2.position 3.z-index:设置元素上下层显示顺序 4.transform:元素变形,rotate(旋转角度),scale(缩放倍数),skew(扭曲元素) 放在一起使用 transform:rotate查看全部
-
1、box-shadow:阴影 2、position:给元素定位 3、z-index:设置元素上下层显示顺序 4、transform:元素变形。rotate(旋转角度)scale(缩放倍数)skew(扭曲元素)查看全部
-
transfrom:scale(2);设置放大倍数 transfrom:rotate(20deg);设置旋转角度 transform:skew扭曲元素 -wekit -moz实现浏览器兼容 transition:1s 设置元素由样式1转变为样式2的过程所需时间 z-index:设置元素的上下层显示 box-shadow:给元素边框添加阴影查看全部
-
好查看全部
-
有意思查看全部
-
时间?查看全部
-
mark查看全部
-
222查看全部
-
1.先实现一张图片的效果: 位置、背景、边框、定位、倾斜效果(transform-注意浏览器的兼容)、鼠标效果、动态变形(transition兼容性)、立体感(加阴影)。 2.逐个实现每张图片效果:相同的样式采用外部引用的方法。 3.z-index:设置叠放顺序。查看全部
-
关键技术点: 1、box-shadow:阴影 2、position:给元素定位 3、z-index:设置元素上下层显示顺序 4、transform:元素变形。rotate(旋转角度)scale(缩放倍数)skew(扭曲元素) 5、transition设置元素由样式1转变成样式2的过程所需时间。transition:durantion查看全部
-
文字一开始设备和背景色一样,鼠标移动到div才将文字颜色改变能达到文字由隐藏到显示的效果。rotate和scale属性可以在transform一次性同时设置的,所以不需要换多行设置。注意兼容写法。查看全部
-
浏览器兼容查看全部
-
关键点5查看全部
举报
0/150
提交
取消