アニメーションメニューボタン

%に置き換え中！


/*  アニメ・メニューボタン \mt-static\css\design.css　*/
/*  css transition のみを使用　*/
/*  ホワイトカラー版は クラス　wbtn 追加　*/

参考：⇒開閉ボタンアイコンアニメ

参考：⇒戻るボタンアイコンアニメ

ccsのみのアイコンは、以下参照で組み込めば良さそう

⇒参考：css icon

ただし、全部いれると、minでも705kbでアイコンフォントより重い。

1
?
?
?
?
?
?
?
?
?
?
1

//基本：スクエアボックス（w数字）> ボタンボックス > span

// w18, w24, w32, w36, w42, w48, w52, w56
  




//囲い：スクエアボックス（w数字）> 囲いボックス > ボタンボックス > span


  
//o-bk：丸黒中抜き、o-wt：丸白中抜き、o-gr：丸グレー中抜き、
//o-：サークルのみ　＋　背景カラークラス
    

  





    
1
 //数字
    
 // 閉じる
    
 // プラス
    
 // マイナス
    
 // 戻る
    
 // 進む
    
 // アップ
    
 // ダウン
    
 // チェック

    
?
 // ピン：トップ
    
?
 // ピン：レフト
    
?
 // ピン：ボトム
    
?
 // ピン：ライト
    
?
 // ピン：
    
?
 // ピン：
    
?
 // ピン：
    
?
 // ピン：

  /* icss-を使用 */
    
    

  /* dsplay:inline-block; width-- */
  .w18, .w24, .w32, .w36, .w42, .w48