Facebook風メニューから何でもござれのOff-Canvas Menu Effectsプラグイン

2014.10.13   2281


ナビゲーションメニューのエフェクトの種類がなんとこのプラグイン一つで9種類も使える!
しかもどのエフェクトもイケてる。
あのサイトみたいなメニューが良いな…と思っているあなたはこの9種類の中にあるのでは?

 

Off-Canvas Menu Effectsプラグインのオススメ/ポイント

  •   Facebook風のメニュー表示だけではない!メニューエフェクト種類がなんと9種類も!
  •   ナビゲーションのプラグインを探している方はこれだけで十分では?
  •   jQueryも必要なし!

Off-Canvas Menu Effectsプラグインのデモ


Off-Canvas Menu Effectsプラグインのページ


Off-Canvas Menu Effectsプラグインの使い方

それではOff-Canvas Menu Effectsプラグインの使い方を見ていきましょう。
それぞれのコードを載せますね。

HTMLコード



CSSコード



/* font awasomeを利用 */

JavaScriptコード



チェックポイント

デザインとしてFont Awesome Iconsを利用していますので、その点は各自にお任せ致します。
エフェクトの変更の仕方は実装するCSSとJavaScriptファイルを変更して利用します。
各エフェクトのCSSやJavaScriptはフルページデモのソースをご確認下さい。

プラグインへ一言

リッチナビゲーションを探しているならこのプラグインで決まり

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

follow us in feedly

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