Font Awesome 5 Freeアイコンを使ってどの様なデザインができるか?
今回はサイトで使用しているFont Awesome 5 Freeアイコンを使って、どの様なデザインができるか?その1回目として、FontAwesome5アイコンを組合せて、着色、拡大、回転、角度変更、アニメーションなどをご紹介してみます。
※.尚、全く同じ定義をしているにも関わらず、
多くの事例を、同時に記載すると、Font Awesome 5 Freeアイコンが正しく表示されない(文字化けや、一瞬だけ表示されたり、部分だけ表示されたり)現象が発生する為、
他の事例は、改めて別の機会に2回目としてご紹介させていただきます。
(次回は、合成(重ね表示)、回転スピードの違い、拡大表示の違いなどをお届けします。)
FontAwesomeアイコンでDesign
HTMLなどのコードを表示させたいため、<は<で、>は>で置き換えています。