3

Css3 キーフレーム アニメーションは、ドキュメント内のすべての要素が読み込まれた後に開始されますか? ページ全体が適切に読み込まれる前にアニメーションが開始されると問題になるため、これは重要な問題です。

4

2 に答える 2

5

アニメーションは、CSS ルールが使用可能 (外部スタイルシートから読み込まれるか<style>、ページのブロックにある) であり、セレクターに一致する要素がページにある限り開始されます。「ページ読み込み待ち」はCSSだけではできません。JavaScript を使用してdocumentload イベントを検出し、アニメーションを含むクラスを適切な要素にアタッチする必要があります。

jQuery を使用した例 (純粋な JS を使用して実行することもできます):

<script>
    $(document).ready(function(){
        $('#elementToAnimate').addClass('myAnimationClass');
    });
</script>
于 2013-06-26T18:50:37.697 に答える