-
#block{ width:400px; height:400px; background-color:#69c; margin:0 auto; -webkit-transtion:background-color 3s; } #block:hover{ background-color:red; }查看全部
-
transition:<过渡属性名称> <过渡时间> <过渡模式> 过渡模式分为五种:ease(缓慢开始,缓慢结束),linear(匀速),ease-in(缓慢开始),ease-out(缓慢结束),ease-in-out(缓慢开始,缓慢结束,和ease稍有区别)查看全部
-
transform-origin调整旋转中心查看全部
-
transform查看全部
-
perspective查看全部
-
.block{ width: 400px; height: 300px; margin: 0 auto; background-color: #69c; -webkit-transition: background-color 3s; } .block:hover{ width: 960px; } #bar1{ -webkit-transition: width 5s linear; } #bar2{ -webkit-transition: width 5s ease; } #bar3{ -webkit-transition: width 5s ease-in; } #bar4{ -webkit-transition: width 5s ease-out; } #bar5{ -webkit-transition: width 5s ease-in-out; }查看全部
-
五种属性过渡模式查看全部
-
transition查看全部
-
#block{ width: 400px; height: 300px; margin: 0 auto; background-color: #69c; -webkit-transition: background-color 3s; } #block:hover{ background-color: red; } 鼠标移动到方块上时颜色渐变时间为三秒查看全部
-
transform-origin属性调整旋转中心查看全部
-
使用transform属性调整元素 - translate translateX(x px) translateY(y px) translateZ(z px) - rotate rotateX(x px) rotateY(y px) rotateZ(z px) 声明窗口内元素的操作类型:3D或者2D: 1.transform-style:-webkit-preserve-3d; 2.transform-style:-webkit-preserve-2d;查看全部
-
perspective:XXpx :调整物体距离窗口的纵深 perspective-origin:视线焦点在窗口上的位置查看全部
-
transition的过渡模式查看全部
-
transition多个属性的过渡效果查看全部
-
transition查看全部
举报
0/150
提交
取消