作成:2016/08/29 Web制作 > Webサイト全ページのヘッダーかサイドバーに共通して設置される、今時のグローバルナビゲーションをピックアップしました。少し洗練された見え方にしたい時に。 エンジニア速報は Twitter の@commteで配信しています。 ワンページナビメニュー :target擬似クラスと、要素の位置をX方向へ移動させるtranslateX()を使い背景の切り替えを実現。CSSのみで簡単に実装できるワンページナビ。 #t5:target #p5 { transform: translateX(-190%); -webkit-transform: translateX(-190%); -moz-transform: translateX(-190%); -o-transform: translateX(-190%); } One Page Navigation C
![それとなく今風にできる、グローバルナビゲーションのコード集](https://cdn-ak-scissors.b.st-hatena.com/image/square/7e3b28224c296a87d76c9609854c991f3806731d/height=288;version=1;width=512/https%3A%2F%2Fcommte.net%2Fwp-content%2Fuploads%2Fglobalnavigation.jpg)