CSSのアニメーションで点滅させる

CSS CSS
CSS

CSSのアニメーションを使って画面に表示されているものを点滅させたいときありますよね。

ステータス表示とかで下記のように処理中は点滅してたほうがわかりやすかったりします。

処理中
点滅 CSS デモはこちら

ということでコピペで使えるCSSをご紹介します。

HTML

classにblinkingが付与されている間は点滅するアニメーションが動き続けます。

透過率が1秒間隔で0.5~1.0の間を変化するアニメーションです。

CSS

CSS最小化

タイトルとURLをコピーしました