-
#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; } 鼠标移动到方块上时颜色渐变时间为三秒查看全部
-
transition 动作出现时间控制 ease慢快慢 linear线性 ease-in 慢-快 ease-out 快-慢 ease-in-out 慢-快-慢查看全部
-
js部分查看全部
-
翻页效果分析图：查看全部
-
transform-origin:调整旋转中心，默认正中心。 x轴：left center right， y轴：top，center，bottom， z轴：length：px;查看全部
-
tanslate位移<br> rotate旋转 -webkit-transform-style:-webkit-preserve-3d；告诉浏览器使用3D效果查看全部
-
设置3D场景： perspective属性是物体距离显示器的距离 perspective-origin属性是视点，告诉浏览器从哪里看查看全部
举报
0/150
提交
取消