css3-transition过渡属性

  transition主要是用于一个元素的一种状态到另一种状态的一个过渡的过程,不能够主动触发,必须依赖于事件,例如hover伪类选择器。

  一,transition简写

    transition:要过渡的属性名称 过渡总时间 过渡模式 要延迟过渡的时间;

    1)过渡属性名称 transition-property: 规定设置过渡效果的css属性名称;all表示所有的属性;none表示无属;

    2)过渡时间 transition-duration: 规定完成过渡效果需要的时间,单位为s/ms。

    3)过渡模式 transition-timing-function: 规定速度效果的速度曲线。

      ease:逐渐变慢

      linear:匀速

      ease-in:加速

      ease-out:减速

      ease-in-out:加速后减速

    4)过渡延迟时间 transition-delay: 规定过渡效果何时开始,单位为s/ms。

转载于:https://www.cnblogs.com/whiteMu/p/5439781.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值