好资源导航 » 文章资讯 » vue使用transition组件动画效果的实例代码

vue使用transition组件动画效果的实例代码

2023-07-06 04:44:32 182

transition文档地址
定义一个背景弹出层实现淡入淡出效果






.fadeBg-enter-active,
.fadeBg-leave-active{
transition:opacity0.3sease;
}

.fadeBg-enter,
.fadeBg-leave-to{
opacity:0;
}

.bg{
position:fixed;
top:20px;
left:0;
z-index:105;
width:100%;
height:100%;
background:rgba(0,0,0,0.5);
}

到此这篇关于vue使用transition组件动画效果的实例代码的文章就介绍到这了,更多相关vuetransition组件动画内容请搜索毛票票以前的文章或继续浏览下面的相关文章希望大家以后多多支持毛票票！

返回顶部
3162201930
czq8825@qq.com

vue使用transition组件动画效果的实例代码

热门推荐

随机推荐