自作したCSSナビゲーション(2個)
過去に自作したCSSナビゲーションを紹介します。…2個だけ…
(SCSSで記述しているのでご注意を。)
煮るなり焼くなりしてお使いください。
目次
UFOナビゲーション
宇宙をイメージしてポートフォリオサイトを制作した際に、作ったナビゲーションです。
我ながらよく出来てます(--)
Micromodal.js なし
See the Pen Untitled by Masayuki / ウェブ制作者 (@pazfinder) on CodePen.
Micromodal.js あり
See the Pen Micromodal_ufo_nav by Masayuki / ウェブ制作者 (@pazfinder) on CodePen.
某PEXのPathfinder風ナビゲーション(目だけ)
お遊びです/(^o^)\
Micromodal.js なし
See the Pen Untitled by Masayuki / ウェブ制作者 (@pazfinder) on CodePen.
Micromodal.js あり
See the Pen Micromodal_pex_nav by Masayuki / ウェブ制作者 (@pazfinder) on CodePen.
説明・注意点など
共通のCSS・JSや注意点などを以下の記事にまとめていますので、よろしければご覧ください。