「FontAwesome」を使用しています。シンプルながらもアクセントの効いたエフェクトがかかるため、視覚的に分かりやすいリンクアイコンとして使用することができます。"/> 背景の色とアイコンの色がオシャレに入れ替わるアイコン | MATEREATE

背景の色とアイコンの色がオシャレに入れ替わるアイコン

MATEREATE INFORMATION

背景の色とアイコンの色がホバーエフェクトにより、オシャレに入れ替わるアイコンの無料Web素材です。アイコン部分には「FontAwesome」を使用しています。シンプルながらもアクセントの効いたエフェクトがかかるため、視覚的に分かりやすいリンクアイコンとして使用することができます。

素材の詳細

リンクアイコンのエフェクト開始時のイメージ
エフェクト開始時のイメージ

マウスを置くと、まずアイコンが上方向に移動しながら消えていきます。それと同時に背景の色の方にもホバーエフェクトがかかります。

リンクアイコンのエフェクト終了時のイメージ
エフェクト終了時のイメージ

その後色の違うアイコンが、下方向から新たに現れます。背景の色は上の方から下に向かって、変化していきます。