vue2.0学习之动画
2024-10-08 19:07:08
下载animate.css
<transition name="v">
<div class="content">需要做动画的内容</div>
</transition> <style>
.content{
//也可以有其他的样式
transition: all 0.4s linear;
}
.v-enter-active, .v-leave-active{
/* 进入时和离开时的状态 */
transition: all 0.4s linear;
}
v-enter, .v-leave-active{
/* 刚进入和离开的状态 */
opacity:0;
transform:translate3D(24px,0,0);
}
</style>
最新文章
- Java 8 forEach简单例子
- Percona Toolkit 使用
- VBS基础篇 - RegExp 对象
- NOIP2005 篝火晚会
- hdfs 常用命令
- Git skills in reseting files
- MVC自定义AuthorizeAttribute实现权限管理
- 更改IOS于UISearchBar撤消button底、搜索输入文本框背景中的内容和UISearchBar底
- 前端学习 html
- python文件名和文件路径操作
- pythonmysql运行报错解决过程中遇到的其中一个报错解决文章来源
- VS OpenCV imread imwrite nameWindow等相关报错问题
- dotnet core使用开源组件FastHttpApi进行web应用开发
- MySql 游标定义时使用临时表
- 【小白技术笔记】保存皮皮虾APP无水印视频到手机相册,只需要三步 [技术干货]
- eclipse打war包编译文件不更新
- C#下实现的基础K-MEANS多维聚类
- Struts2内置校验器——完整实例代码
- 2018.09.26 bzoj1015: [JSOI2008]星球大战starwar(并查集)
- SRILM语言模型格式解读