首页 > 代码库 > css3过渡动画
css3过渡动画
div{
width:200px;
height:300px;
background:red;
transtion:width 2s height 2s ;
-webkit-transtion:width 2s height 2s;
-o-transtion:width 2s height 2s;
-moz-transtion:width 2s height 2s;
}
div:hover{
width:400px;
height:800px;
background:orange;
}
transtion:属性简写设置4个过渡属性。
transtion-property:规定过渡css属性名称
transtion-duration:规定过渡花费时间。默认为0
transtion-timing-function:规定过渡时间曲线。默认是ease
transtion-delay:规定过渡效果时间
transtion-timing-function规定过渡效果时间曲线。默认是ease
linear:线性过渡
ease:平滑过渡
ease-in:由慢到快
ease-out:由快到慢
ease-in-out:由慢到快在到慢
cubic-bezier: 贝塞尔曲线
css3过渡动画
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。