ホームページ  >  記事  >  ウェブフロントエンド  >  CSSアニメーションプロパティの詳しい説明

CSSアニメーションプロパティの詳しい説明

零下一度
零下一度オリジナル
2017-06-23 09:54:082511ブラウズ
  • CSS アニメーション プロパティは、ページ全体のリフロー、再ペイント、再合成をトリガーします

  • ペイントは、通常、その中で最もコスト効率が高いため、ペイントをトリガーする CSS アニメーション プロパティの使用を避けることをお勧めします。 CSS アニメーションで webkit-transform: translateX(3em) 的方案代替使用 left: 3em ,因为left会额外触发layout与paint,而webkit-transform を使用すると、ページ全体の合成のみがトリガーされます

以上がCSSアニメーションプロパティの詳しい説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事:メタ名IDクラスタグの違いは何ですか次の記事:メタ名IDクラスタグの違いは何ですか

関連記事

続きを見る