文字や要素を点滅するCSSアニメーションのパターン集です。 各点滅アニメーションのサンプルコードは@keyframes(キーフレーム)を使ったanimationを利用しています。 通常点滅パターンシンプルなフラッシュパターンで、1秒間隔で点滅アニメーションさせています。 See the Pen CSS Flash animation 1 by yochans (@yochans) on CodePen. <div class="box"></div>.box { animation: flash 1s linear infinite; width: 50px; height: 50px; background: #0091EA; margin: 20px; } @keyframes flash { 0%, 100% { opacity: 1; } 50% { opacity: 0; } }
![色々なパターンの点滅するCSSアニメーションサンプル集 | 1 NOTES](https://cdn-ak-scissors.b.st-hatena.com/image/square/981d2806e44576ba5353e640fc298947ae3bf792/height=288;version=1;width=512/https%3A%2F%2F1-notes.com%2Fwp-content%2Fuploads%2F2019%2F03%2Fcss.png)