关于angular2动画效果以及缓动动画相关

最新推荐文章于 2023-10-18 19:22:05 发布

VT柯里昂

最新推荐文章于 2023-10-18 19:22:05 发布

阅读量578

点赞数

本文链接：https://blog.csdn.net/weixin_42283462/article/details/82901763

版权

animations: [
  trigger('square',
    [
      state('green', style({'background': 'green', 'height': '100px', 'transform': 'translateY(-100%)'})),
      state('red', style({'background': 'red', 'height': '100px', 'transform': 'translateY(100%)'})),
      transition('green => red', animate('.8s ease-in')),
      transition('red => green', animate('.8s ease-out')),
    ]
  )
]

缓动动画快捷网站

https://easings.net/zh-cn

http://cubic-bezier.com/ (可以自定义)