Web制作

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

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

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

HTML

CSS

やろうと思ったこと

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

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

注意点

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

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

ABOUT ME
ぎしたか
ぎしたか
埼玉県在住フリーランス|Webデザイナー・フロントエンジニア・仮想通貨/FXライター|2019年の目標→エンジニア転向|Webサイトを作ったり記事を書いています。今も紙の本が好きです。(`・ω・´) 詳しいプロフィールはこちら