【点滅】HTMLで背景色を簡単に点滅させる方法

こんにちは、ハル@haru_elpisです。

HTMLで背景色を点滅させる簡単な方法の紹介です。

背景色を点滅させるにはCSSの「animation」を使用します。

景色を簡単に点滅させる方法

HTML

<p class="hoge">画面点滅</p>

CSS

<style type="text/css">
.hoge {
  animation: blinkAnimeS2 2s infinite alternate;
}
@keyframes blinkAnimeS2{
   0%{ color : red;   background:white }
 100%{ color : white; background:red   }
}
</style>

まとめ

これだけで点滅が簡単にできてしまいます。文字などもできますので是非活用してください。

おわりっ