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

Question

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

Answer 1

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

使用jQuery的示例(也可以使用纯JS完成)：

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

Answer 2

当display属性从none更改为visible时也是如此。Sample Code

function showDiv() {

document.getElementById("myDiv").style.display="block"；}