CSSのみで実装!Hoverエフェクトはこれだけで十分!Icon Hover Effects

2014.10.07   1909


アイコンフォントとCSSのみで実装できるIcon Hover Effects。
エフェクトの種類も豊富で、しかもどれも動きがかわいい。
是非一度デモを見てみて下さい。

 

Icon Hover Effectsのオススメ/ポイント

  •   CSSのみで実装できる
  •   hoverの動きが豊富で全18種類
  •   アイコンフォントだからカスタマイズ次第で幅広く使える

Icon Hover Effectsのデモ


Icon Hover Effectsのページ


Icon Hover Effectsの使い方

それではIcon Hover Effectsの使い方を見ていきましょう。
それぞれのコードを載せますね。

HTMLコード


CSSコード



チェックポイント

ソースをダウンロードするとアイコンフォントが入ったfontsフォルダもあるので、忘れずに配置しよう。 デモは全て同じ色にするためにcomponent.cssのカラーを変更しているので注意。

プラグインへ一言

どのエフェクトもかわいくて素敵

Feedlyで最新プラグインをチェック

follow us in feedly

良ければフォローもお待ちしております