相关疑难解决方法(0)

具有延迟的纯CSS动画可见性

我试图在没有Javascript的情况下在 onLoad上实现一些动画.JS很简单,CSS就是......不行.

我有div这应该是对display: none;,应该是display: block;后3个secondes.很多资源告诉我动画不起作用display,但应该与visibility(我经常在我的过渡中使用).

对,知道我有这个可怕的javascript函数:

<script type="text/javascript">
    $(document).ready(function(){
        $(".js_only").hide();
        setTimeout(function () {
            $(".js_only").show();
        }, 3000);
    });
</script>
Run Code Online (Sandbox Code Playgroud)

我在CSS中尝试了一些动画但没有结果......似乎没有任何效果.

我的页面中有很少的动画,但只是display: none;在动画上挣扎.

@-moz-keyframes showEffect {
    0% { display: none; visibility: hidden; }
    100% { display: block; visibility: block;  }

}
@-webkit-keyframes showEffect {
    0% { display: none; visibility: hidden; }
    100% { display: block; visibility: block;  }

}
@keyframes showEffect {
    0% { display: none; visibility: hidden; } …
Run Code Online (Sandbox Code Playgroud)

css css3 css-animations

25
推荐指数
3
解决办法
7万
查看次数

标签 统计

css ×1

css-animations ×1

css3 ×1