使用element的过渡效果来做动效
transition来做过渡效果:
<transition name="el-zoom-in-bottom">
<div></div>
</transition>
name属性:
属性 | 描述 |
el-fade-in-linear | 淡入淡出匀速; |
el-fade-in | 淡入淡出快速; |
el-zoom-in-center | 中间缩放; |
el-zoom-in-top | 顶部缩放; |
el-zoom-in-bottom | 底部缩放; |
el-collapse-transition来做折叠过渡效果:
<el-collapse-transition>
<div></div>
</el-collapse-transition>
相关文章:
-
开源项目 Screenshot to Code 可将任何网站的屏幕截图/网址转换为代码 (HTML/Tailwind CSS、React、Vue 或 Bootstrap),实现精准…
-
-
R作为一个统计计算和图形绘制的开源软件,自身已包含多个不同功能的包,CRAN官方R包 >18000,利用R可轻松实现统计计算,数据可视化等功能。在R中,R 函数可以用来解决问…
-
包含很多绘制线条的函数:大致可分为如下几类:连接线:折线()、路径线()、阶梯线()参考线:水平线()、竖直线()、斜线()线段和曲线: 、、函数曲线: 、主要有三种连接线:常用参…
-
-
觉得这些内容对你有帮助,可以添加VX:vip204888 (备注大数据获取)**[外链图片转存中…(img-5bKrTOm7-1712864789725)]…
版权声明:本文内容由互联网用户贡献,该文观点仅代表作者本人。本站仅提供信息存储服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 2386932994@qq.com 举报,一经查实将立刻删除。
发表评论