跳到主要内容

淡入淡出转场

  • 动作类型:动作

  • 分类标签:界面

  • 参数列表:

    • 新参数 (转场类型)

    • 淡入淡出时间 (number)

    • 是否等待 (boolean)

    • 颜色 (string)

    • 不透明度 (number)

    • 曲线模式 (CurveType)

    • UI层级 (number)

  • 返回值:

    • undefined (undefined)
  • 描述:

    • [新参数][淡入淡出时间]秒,并等待[是否等待](可选参数:...
  • tips:

    * 线性(linear):

规定以相同速度开始至结束的过渡效果(等于 cubic-bezier(0,0,1,1))。(匀速)



流畅(ease):

规定慢速开始,然后变快,然后慢速结束的过渡效果(等于cubibezier(0.25,0.1,0.25,1))(相对于匀速,中间快,两头慢)。



缓入(ease-in):

规定以慢速开始的过渡效果(等于 cubic-bezier(0.42,0,1,1))(相对于匀速,开始的时候慢,之后快)。



缓出(ease-out):

规定以慢速结束的过渡效果(等于 cubic-bezier(0,0,0.58,1))(相对于匀速,开始时快,结束时候间慢,)。



缓入缓出(ease-in-out):

规定以慢速开始和结束的过渡效果(等于 cubic-bezier(0.42,0,0.58,1))(相对于匀速,(开始和结束都慢)两头慢)。



曲线效果在线预览:

https://cubic-bezier.com/