CSS3で実装するApple.comのナビゲーションメニュー
2011年06月03日-
スポンサード リンク
The fancy Apple.com navigation menu created using only CSS3.
CSS3で実装するApple.comのナビゲーションメニュー。
Appleのサイトで実装されているメニューをCSS３で実装してしまおうというデモ。
グラデーションが綺麗に表現されています。
検索ボックスも次のとおり
画像として使われているのはロゴと虫眼鏡のみ。
検索ボックスが伸縮しない部分は公式とちょっと違いますが自分で実装してみても面白いかもしれませんね。
関連エントリ
CSS3で実装するApple.comのナビゲーションメニュー。
Appleのサイトで実装されているメニューをCSS３で実装してしまおうというデモ。
グラデーションが綺麗に表現されています。
検索ボックスも次のとおり
画像として使われているのはロゴと虫眼鏡のみ。
検索ボックスが伸縮しない部分は公式とちょっと違いますが自分で実装してみても面白いかもしれませんね。
関連エントリ
スポンサード リンク
By.KJ : 2011年06月03日 11:06 
間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)Advertisements
SITE PROFILE
最新のブログ記事(新着順)
- 15000以上のいい感じの線形アイコン「Lineicons」
- CSSやTailwindでのCSSスニペットライブラリ「CSS Snippets Library」
- AIを使ってサイトマップが作れる「Octopus.do」
- ライブラリ依存のないモーダルオープンライブラリ「Blendy」
- 個性的な明朝フリーフォント「築豊初号明朝OFL」
- CSSで太陽が差し込むようなアニメーション実装
- 可愛くアニメーションする「beautifully crafted animated icons」
- アイソメトリックなアイコンがアイコンがPNG,SVGでゲットできる「Isoicons」
- ユニークなカタカナフォントtorisippo
- 美しいメッシュグラデーションをCSSで簡単に取得できる「MSHR」
- 過去のエントリ
