CSS-transition简单过渡动画

2021-04-09 15:28

阅读：458

标签：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

上一篇：WebSocket实现多人在线聊天功能

下一篇：如何调用json文件

文章来自：搜素材网的编程语言模块，转载请注明文章出处。
文章标题：CSS-transition简单过渡动画
文章链接：http://soscw.com/index.php/essay/73378.html

亲，登录后才可以留言！

CSS-transition简单过渡动画

评论

热门文章

推荐文章

最新文章

置顶文章