2

私は、div や li のような HTML 要素を 1 つの背景色 (単色の緑など) でフラッシュし、3 秒かけて白にフェードするなど、一定期間にわたって別の色にフェードする軽量のソリューションを探しています。

jquery のような大規模なライブラリを含めたくありません。これは、Firefox で動作するためにのみ必要です。最も軽量なソリューションの方が優れています。

私はJavaScriptでこれをかなり簡単に行うことができることを知っていますが、それほど軽量ではなく、CSSでこれを行う方法が必要であると考えています.それは私の意見では理想的な解決策です.

4

2 に答える 2

5

を使用しanimationます。すべての対象ブラウザで機能させるには、これにプレフィックスを付ける必要がある場合があることに注意してください。

HTML

<div id='flashMe'></div>

CSS

#flashMe {
  height:500px;
  width:500px;
  background:black;

  animation: flash 3s forwards linear normal;
}
@keyframes flash {
  0% {
    background:black;
  }
  4% {
    background:green;
  }
  100% {
    background:red;
  }
}
于 2013-07-28T22:15:02.667 に答える