「WordPress Visual Icon Fonts」プラグインを使用
以前紹介した「Font Awesome」が開発したプラグインですが、
これを使うと文章中にアイコンを挿入できます。
プラグインの導入方法を知りたい方は、こちらから読んでみてください、
簡単！確実！WPで、文章中にアイコンを挿入する方法
WPで、文章中にアイコンを挿入する方法を説明。
cocoten.net
アイコンを回転アニメーションさせる
さて本題です。
早速、アイコンを回転させます。
HTMLの記述の仕方は、下記のような感じ。
<i class=”fas fa-heat fa-spin“></i>
| アイコン | アニメーション | HTML |
|---|---|---|
| 回転（なめらか） | <i class=”fa fa-heat fa-spin”> | |
| 回転（45度毎） | <i class=”fa fa-heart fa-pulse”> |
もっとアニメーションの種類を増やしたい人は、ここを見るとよさげ。
font-awesome-animation
Simple animations using FontAwesome and some CSS3.
l-lin.github.io
では、また。