zoukankan      html  css  js  c++  java
  • transition,过渡效果

    语法:
    transtion:property time change-speed delay。
    人话就是:属性(property )在多少秒内(time )通过什么样的速度(change-speed)变化,这个变化在多少秒后开始(delay)。

    property:要变化的属性,有三种写法:
    (1)none,马上停止所有变化。
    (2)all,所有属性都变化,但注意,并不是什么属性改变都为触发transition动作效果,比如页面的自适应宽度,当浏览器改变宽度时,并不会触发transition的效果。
    (3)指定某个属性。如:color

    time:单位s,例.4s,5s.默认值是0,即时变化

    change-speed:
    (1)ease:逐渐变慢,默认值。
    (2)linear:匀速。
    (3)ease-in:加速。
    (4)ease-out:减速。
    (5)ease-in-out:先加速再减速。
    (6)cubic-bezier:自定义。暂无接触

    delay:延迟执行动画。指定动画开始的时间,单位s。

  • 相关阅读:
    # beta冲刺(2/7)
    # beta冲刺(1/7)
    福大软工 · 最终作业
    软工随笔纪实 《个人日志》
    beta答辩总结
    beta冲刺(6/7)
    (beta冲刺5/7)
    beta冲刺(4/7)
    beta冲刺(3/7)
    beta冲刺(2/7)
  • 原文地址:https://www.cnblogs.com/yaoyao-sun/p/5787578.html
Copyright © 2011-2022 走看看