文档准备好加载后，Css3关键帧动画是否会启动？

Question

在加载文档中的每个元素后，Css3关键帧动画是否会启动？这是一个至关重要的问题，因为如果动画在整个页面被正确加载之前启动就会出现问题。

Answer 1

只要CSS规则可用（从外部样式表加载或在页面上的<style>块中找到），动画就会启动，并且页面上的元素与选择器匹配。 “等待页面加载”无法仅使用CSS完成。您应该使用JavaScript来检测document加载事件 - 然后将包含动画的类附加到适当的元素。

使用jQuery的示例（也可以使用纯JS完成）：

<script>
    $(document).ready(function(){
        $('#elementToAnimate').addClass('myAnimationClass');
    });
</script>

Answer 2

此时显示属性从无变为可见。 Sample Code

function showDiv() {

的document.getElementById（ “myDiv”）的style.display = “块”。 }