ホームページ制作 ハンバーガーボタン

Menu

ブログ

ハンバーガーボタン

2015年06月16日

#hs_menu_btn { position:absolute; top:12px; right:5px; }
#hs_menu_btn span { display:inline-block; margin:0 10px 3px 0; padding:0; background:#fff; position:relative; }
#hs_menu_btn span, #hs_menu_btn span:before, #hs_menu_btn span:after { width:30px; height:6px; }
#hs_menu_btn span:before, #hs_menu_btn span:after { display:block; content:””; position:absolute; top:50%; left:0; background:#fff; }
#hs_menu_btn span:before { margin-top:-14px; }
#hs_menu_btn span:after { margin-top:8px; }

続きを読むには会員登録が必要です

この記事へのトラックバックURL

http://www.mori4.com/labo/2015/06/16/%e3%83%8f%e3%83%b3%e3%83%90%e3%83%bc%e3%82%ac%e3%83%bc%e3%83%9c%e3%82%bf%e3%83%b3/trackback/

コメントをどうぞ

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

TOPへ