transition-timing-function

介绍

用于设置过渡动画执行的时间函数

取值

  • linear

  • ease

  • ease-in

  • ease-out

  • ease-in-out

  • square-bezier()

  • cubic-bezier()

  • 默认值 linear

标准化语法

transition-timing-function:linear|ease|ease-in|ease-out|ease-in-out|square-bezier()|cubic-bezier();

样例:

transition-timing-function: ease;
transition-timing-function: cubic-bezier(0.39, 0.57, 0.56, 1);
1
2

扩展阅读

注意事项

  • 如果是动态设置的动画属性,需要在节点标记 flatten="false" 属性
  • 如果 iOS 显示效果不符合预期,在节点标记 implicit-animation="false" 属性
Last Updated: 2022/7/15 下午7:22:06