版权所有 © 2007-2017 致远建站 冀ICP备14009060号-1

7.css3过渡

transition :property duration timing-function delay,property duration timing-function delay,...

property是用来指定当元素其中一个属性改变时执行transition效果,其主要有以下几个值:none(没有属性改变);all(所有属性改变)这个也是其默认值;或者具体的css属性(但不是所有属性都支持)

duration是用来指定元素 转换过程的持续时间,取值为数值,单位为s(秒)或者ms(毫秒)

timing-function的值允许你根据时间的推进去改变属性值的变换速率,transition-timing-function有6个可能值:

delay是用来指定一个动画开始执行的时间,也就是说当改变元素属性值后多长时间开始执行transition效果,其取值为数值,单位为s(秒)或者ms(毫秒)

 div{ height: 200px; width: 200px;  background: #e60; }
div:hover{ transition:all 5s ease; width: 500px; height: 300px; background:#06b;}

这个还不错哦~赏你点小钱吧!
支付宝打赏
微信打赏