页面高级感之过渡动画技巧

2023-09-04  本文已影响0人  alue

用 animation/transform 等css属性来设置过渡动画,能够让页面更加丝滑,但写起来总觉得有些费劲。

这里介绍一个非常易用的动画工具 —— AutoAnimate.js . 它能做到无需任何配置,即插即用,能够跟任何第三方库搭配使用。

以 Vue 为例,只用在父组件上增加一个 v-auto-animate 属性就能完成动画的设置。
它实现的功能是,一旦父组件的孩子节点有新增/删除/位移等情况发生,则会自动触发动画效果。

上一篇 下一篇

猜你喜欢

热点阅读