用 animation/transform 等css属性来设置过渡动画,能够让页面更加丝滑,但写起来总觉得有些费劲。
这里介绍一个非常易用的动画工具 —— AutoAnimate.js . 它能做到无需任何配置,即插即用,能够跟任何第三方库搭配使用。
以 Vue 为例,只用在父组件上增加一个 v-auto-animate
属性就能完成动画的设置。
它实现的功能是,一旦父组件的孩子节点有新增/删除/位移等情况发生,则会自动触发动画效果。
用 animation/transform 等css属性来设置过渡动画,能够让页面更加丝滑,但写起来总觉得有些费劲。
这里介绍一个非常易用的动画工具 —— AutoAnimate.js . 它能做到无需任何配置,即插即用,能够跟任何第三方库搭配使用。
以 Vue 为例,只用在父组件上增加一个 v-auto-animate
属性就能完成动画的设置。
它实现的功能是,一旦父组件的孩子节点有新增/删除/位移等情况发生,则会自动触发动画效果。
本文标题:页面高级感之过渡动画技巧
本文链接:https://www.haomeiwen.com/subject/hkscvdtx.html
网友评论