Web制作

【CSS】任意の画像やテキストを点滅表示させる簡単な方法

CSSで任意の画像やテキストを点滅表示させる

使おうと思って結局やめたのですが、CSSで任意の要素を点滅させる方法が簡単でどこかで役立つような気がしたのでその備忘録です。

HTML

CSS

やろうと思ったこと

この点滅とアニメーションを組み合わせたエフェクトを利用して重要な要素を目立たせようとしましたが、「やっぱなくて良いな」と思って今回はやめました。

なんだかどこかで良い使い道がありそうです(笑)

注意点

opacity:0で完全に透明にして点滅させると目がちかちかしてUXが著しく低下する可能性があります。不透明度を抑えた方が良いと思います。

参考:株式会社ウィル『CSSでテキスト、画像、何でも点滅!

ABOUT ME
ぎしたか
ぎしたか
埼玉在住Webデザイナー|Webサイトの制作・管理・運用をしてます。ブログ書いてます。今も紙の本が好きです。プログラミング・人工知能・仮想通貨を勉強します^^ 詳しいプロフィールはこちら