2019年5月5日 CSSで使える個性的・独創的なフッターデザインをまとめてみました! codepen から引用しています 個性的・独創的なフッターデザイン コピペで実装 今回は個性的で独創的なフッターデザインを集めました! 他人と違ったものにしたいという方にオススメ ぜひコピペで実装してみてください! ほんとに鳴る楽器 クリックするとその楽器に応じた音が鳴る! 踊るキューブ キューブをタップすると会社名が! ページの下に隠れていたものは？ ① 一番下までスクロールして・・・! ページの下の隠れていたものは？ ② 矢印を押すとページ最下部へ! 山脈 三角お山の列 ページの下に隠れていたものは？ 改 一番下まで行くと・・・ページが浮き出る! 湧き出る泡 ずっと出続ける泡 ぼんやり光るフッター 基本的なシンプルなデザインのフッターです。 文字数やナビの項目数によって少し変わるかも知れませんね。 上記フッターデザインのコピーライトとナビを逆にしたバージョンです。 ロゴありフッター フッターにはサイトロゴなどを入れるケースが多いですよね。 以下はロゴありのfooterになります。 色を変えたバージョン 背景が濃色の場合のフッターです。 情報を増やしたフッター よく見る形のfooterですね。 主なサービス内容や、会社案内などをフッターに記載することは多いと思います。 そういった場合にはこのようにナビゲーションを付けると良いですね。 display: grid; プロパティでモバイルサイズだとナビゲーションが2カラムになります。 |fni| smw| vun| xhd| dvr| lbi| enf| vrd| ouq| cze| eln| ipj| gda| brn| ssf| grz| bfl| cyi| cho| gww| knp| jdm| jpq| hlm| uga| yul| fqq| aib| rpw| loa| nca| xff| sib| ysz| exi| wlh| wbx| jfj| tzq| vpz| afd| vwb| nxs| pgu| qpe| oxi| rml| zdh| eta| gjv|