CSS-transition简单过渡动画

2021-04-09 15:28

阅读:468

标签:video   style   als   controls   src   form   for   bsp   height   

实现视频弹窗从上到下滑入:

.video {
                        transition: all .8s;
                        &.slide {
                            top:50%;
                            opacity: 1;
                        }
                        position: fixed;
                        top: -50%;
                        left: 50%;
                        transform: translate(-50%,-50%);
                        z-index: 10;
                        width: 1000px;
                        height: 536px;
                        opacity: 0;

}

 

                   
if="showSlide">
// video只是在上方看不见的地方,并不是隐藏了

 

CSS-transition简单过渡动画

标签:video   style   als   controls   src   form   for   bsp   height   

原文地址:https://www.cnblogs.com/-xiao/p/12443467.html


评论


亲,登录后才可以留言!