jQuery+CSS3で円が画面全体に広がる系スマホメニュー
jQuery+CSS3で円が画面全体に広がる系スマホメニュー jQuery+CSS3で円が画面全体に広がって表示するようなスマホ用のメニューを作ってみました。 投稿日2016年05月27日 更新日2019年04月13日 HTML HTMLです。nav-bgが円の部分になります。 HTML <header id="top-head"> <div id="top-head-inner"> <h1 id="head-logo">Mobile Circle Navigation</h1> <div id="nav-toggle"> <div> <span></span> <span></span> <span></span> </div> </div> <nav id="global-nav"> <ul> <li><a href="#">HOME</a></li> <li><a href="#">
jQuery+CSS3でスクロールするとアニメーションして狭くなる固定ナビゲーション
jQuery+CSS3でスクロールするとアニメーションして狭くなる固定ナビゲーション ファーストビューでは大きめのナビゲーションで、スクロールするとアニメーションしてナビゲーションの幅が狭くなって固定されるという動きのやつです。 投稿日2015年10月28日 更新日2015年10月28日 HTML HTMLの構造です。どこにでもあるシンプルなヘッダーって感じです。 今回はこのheader部分を固定します。 HTML <header id="top-head"> <div class="inner"> <h1 class="logo">Fixed Navi</h1> <nav id="global-nav"> <ul> <li><a href="#">HOME</a></li> <li><a href="#">PRODUCT</a></li> <li><a href="#">WORKS</a
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
