目次
CSSの準備
WordPressなら、カスタマイザーの追加CSSに以下を追加
/* 点滅 */
.blinking {
animation: blinking 1s ease-in-out infinite alternate;
color:#FD027C;
}
@keyframes blinking {
0% {opacity: 0;}
100% {opacity: 1;}
}
文字色colorはお好みで変更してください。
投稿記事内で使用する２つの方法
実際の投稿にはカスタムHTMLまたは高度な設定から追加CSSクラスを指定します。
カスタムHTMLで実装する
カスタムHTMLにコードを書きます。
ここを点滅させたい
実際のHTLM
<p><strong>ここを<span class="blinking">点滅させたい</span></strong></p>ブロックで実装する
高度な設定から追加CSSクラス
blinking
を指定します。
ここを点滅させる
上記例では、見出しに追加クラスを指定しています。
意外と使い所があるかもと思ったので、メモっておきます！
