当前位置: 首页 > 网络应用技术

CSS动画+Vue-Transten组件的过渡,注释总结了“建议收集”

时间:2023-03-06 20:42:14 网络应用技术

  VUE提供包装组件。V-IF和V-Show可以控制组件的显示和隐藏,并且在显示和隐藏过程中添加动画。

  1.(简介)这是VUE官方网站的一个重要例子

  这都是过渡名称

  2.(过渡)以上是基本用法。在下面更换CSS样式,以使过渡更酷

  让我谈谈过渡:财产持续时间正时功能延迟;总共有四个参数;

  定义效果启动时定义过渡效果(几秒钟),这是从右侧滑出并逐渐淡入褪色的效果

  3.(动画)这里也只有CSS动画样式

  让我们谈谈动画的参数角色

  1.要绑定到选择器的选择器的关键框架的名称2.选择器的关键框架的名称2.设计效率动画指定需要完成多少秒或毫秒需要完成3.- 功能设置将完成一个周期。动作延迟间隔5。动画ins-count.6.Animation方向的播放数量指定是否应该轮流播放Animation.REDVERSE(反向播放)7。Animation-Fill-Mode要求在没有播放动画时(当动画时)已完成,或者在动画有延迟播放时),必须将其应用于元素。8.Animation-play-State指定动画是在运行还是暂停。这是一个弹药动画,可以放大和还原

  在以下内容中,角色与上述角色相似,即优先级高于普通类别名称。

  最后,您还可以在属性中声明JavaScript钩(在属性中)。

  以上是动画的基本用法。每天使用VUE动画是没有问题的。以下是先进的。有兴趣的学生可以继续关注。我将继续更新!交叉点