一：二者的对比 1.动画循环就用animation。在animation中有一个animation-iteration-count属性可以定义循环次数。transition是执行一次以后就不会执行，但是可以通过transitionEnd事件添加循环，与animation相比animation ...

直接上代码： ...

vue中transition标签如何使用 概述 Vue 在插入、更新或者移除 DOM 时，提供多种不同方式的应用过渡效果。包括以下工具： 在 CSS 过渡和动画中自动应用 class 可以配合使用第三方 CSS 动画库，如 Animate.css ...

最终效果为 div元素从右向左出现， 然后从左向右消失。 transition标签包裹要移动的元素： css 样式： 其中： 　　1： 为div元素显示时的状态 　　2： 为div元素移动的过程 　　　　　　（进入的过程，离开的过程 ...

博客园比较啃爹啊，随笔只能手写，之前写在有道云笔记里面的内容也复制不了，忧伤..... 长话短说，看官方的transition 的讲解，可能是内容太多了，或者就是本人太辣鸡了，看的有点懵逼，但是项目中有需要使用，套用了官方的例子，勉强算是完成了想要的效果， 回过头来总结一波还是有必要 ...

对要使用动画的组件或者模块包上一层transition标签， name是自己命名的class的名称，用来写动画样式，如果不写name 则默认是v对应样式名称如下：写样式的时候，v的地方要改fade.如：.fade-enter-active, .fade-leave-active ...

高度变化，使用transition，没有效果，可以使用max-height替换。 思路： 初始元素max-height:0; 不显示，父元素hover时，重新设置元素的max-height的值， 可以通过el.scrollHeight获取元素的真实高度。 demo: css ...

直接上代码 ...