-
关键技术点查看全部
-
z-index查看全部
-
1.box-shadox 功能:给元素的边框添加阴影效果 box-shadow:X轴偏移量 Y轴偏移量[阴影模糊半径][阴影扩展半径][阴影颜色][投影方式]给元素的边框添加阴影效果 2.查看全部
-
<head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style> .mainDiv{ width:100px; height:50px; margin:50px auto; text-align: center; line-height: 50px; font-weight: bold; color:#ddd; background:#000; border:1px solid #ddd; -webkit-transform:rotate(0deg) scale(1); -moz-transform:rotate(0deg) scale(1); transform:rotate(0deg) scale(1); -webkit-transition:2s; -moz-transition:2s; transition:2s; } .mainDiv:hover{ -webkit-transform:rotate(720deg) scale(2); -moz-transform:rotate(720deg) scale(2); transform:rotate(720deg) scale(2); background:red; color:black; } </style> <title>css3特效</title> </head> <body> <div class="mainDiv">您好</div> </body> </html> //文字旋转特效查看全部
-
transtion使用查看全部
-
transform属性查看全部
-
注意兼容写法 transform:rotate(720deg) scale(2); 旋转角度为720deg和放大倍数为2。 -webkit-transform:rotate(720deg) scale(2); -moz-transform:rotate(720deg) scale(2); transition:1s;动画时间为1s -webkit-transition:1s; -moz-transition:1s;查看全部
-
transform: rotate旋转角度 scale缩放倍数 skew扭曲元素 语法 transform:rotate旋转角度 transform:scale缩放倍数查看全部
-
box-shadow 边框添加阴影效果 position 给元素定位 z-index 设置元素上下层显示 transform 是元素变形的属性,配合rotate旋转/scale改变大小 -webkit-是Chrome和Safar浏览器的前缀;查看全部
-
css查看全部
-
transition查看全部
-
transform查看全部
-
position查看全部
-
z-index查看全部
-
box-shadow查看全部
举报
0/150
提交
取消