Font Awesome 5 Freeアイコンを使ってどの様なデザインができるか? | ウェブマーケテイングの ちから。 ウェブライティングの ちから。

Font Awesome 5 Freeアイコンを使ってどの様なデザインができるか?

今回はサイトで使用しているFont Awesome 5 Freeアイコンを使って、どの様なデザインができるか?その1回目として、FontAwesome5アイコンを組合せて、着色、拡大、回転、角度変更、アニメーションなどをご紹介してみます。

※.尚全く同じ定義をしているにも関わらず、
多くの事例を、同時に記載すると、Font Awesome 5 Freeアイコンが正しく表示されない(文字化けや、一瞬だけ表示されたり、部分だけ表示されたり)現象が発生する為、
他の事例は、改めて別の機会に2回目としてご紹介させていただきます。
(次回は、合成(重ね表示)、回転スピードの違い、拡大表示の違いなどをお届けします。)

FontAwesomeアイコンでDesign

HTMLなどのコードを表示させたいため、<で、>で置き換えています。

 

続きは➡ https://xn--ecka7j.biz/site-operation/design/5872/