CSS3 transition 过渡属性

transition: 要过渡的属性   花费时间        运动曲线             何时开始;

transition:   property          duration       timing-function        delay  ;

transition:       all                  1s                  ease                     0s  ;

属性: 想要变化的css属性,宽度高度背景颜色内外边距都可以。

           如果想要所有的属性都变化过渡,写一个  all  就可以。

花费时间: 单位是 秒, 比如  0.5s

运动曲线: 默认是 ease(可以省略)

linear                   匀速

ease                    默认, 以低速开始,然后加快,在结束前变慢

ease-in                动画以低速开始 ,  加速

ease-out              动画以低速结束,减速

ease-in-out          动画以低速开始和结束 ,先加速后减速

何时开始: 单位是 秒, 可以设置延迟触发时间,默认是 0s(可以省略)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Wu-wenhao

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值