![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue动画过渡
Smile_Monica
越努力越幸运
展开
-
vue中的css动画原理
要想内容有动画效果,需要内容外面包裹transition标签,然后给这个标签起一个名字,这个名字可以任意的起。 当一个元素被transition包裹之后,vue会自动分析被包裹的元素的css样式(即vue会自动帮我们构建一个动画流程),然后构建一个都动画的流程,在动画即将被执行的一瞬间,会往内部div上增加2个class名字,分别是fade-enter和fade-enter-active,在动画...原创 2018-10-08 17:02:37 · 235 阅读 · 0 评论 -
css动画使用keyframes
<!--css动画keyframes--> <template> <div> <transition name="fade"> <div v-if="show">我是为了演示动画效果的哈</div> </transition原创 2018-10-08 17:28:51 · 581 阅读 · 0 评论