CSS でテキストの点滅をするにはどうすれば？

CSS で段落タグや、見出しタグに囲まれた文書を点滅させるにはどうしたらいいでしょうか。
また、これらは現在多くのブラウザで扱われないと思うので、blinkタグや、text-decoration プロパティを使わない方法でお願いします。

No.1 回答者： taigoito 回答日時： 2017/05/15 21:14

CSS3のkeyframesを用いてクラスを定義します。

「CSS3 点滅」で検索すれば多数でてきますが、
例えば、こんな感じで。

.blinking{
animation: blink 1.0s ease-out infinite alternate;
}
@keyframes blink{
0% {opacity: 0;}
100% {opacity: 1;}
}