[B! CSS3][ドロップダウン] HOSOIToshiyaのブックマーク

HOSOIToshiya id:HOSOIToshiya

CSS3とドロップダウンに関するHOSOIToshiyaのブックマーク (2)

[CSS]CSS3対応ブラウザだとより美しいドロップダウン型のナビゲーション
CSS3非対応ブラウザ（IE7）でのキャプチャ CSS3対応ブラウザでは角丸やボックスシャドウのスタイルが適用され、非対応ブラウザではそれらが無しでも違和感のないようにデザインがされています。ナビゲーションはリスト要素で実装されており、CSS3の角丸はem指定など細かい箇所にも巧みなテクニックがうかがえます。
HOSOIToshiya 2010/02/26
css3

ドロップダウン

ナビゲーション

コリス
リンク
[CSS]CSS3の新機能を盛り込んだナビゲーション集
アニメーションをはじめ、角丸、ドロップシャドウ、不透明度などCSS3での新機能を盛り込んだドロップダウン型のナビゲーションをCSSplayから紹介します。 CSS3 - The future now - animated menus デモページデモページはCSS3を使用しているため、Safari, Chromeで動作します。上記キャプチャはChromeです。ふわりとスライドするドロップダウンは一見jQueryなどのスクリプトかと思ってしまいますが、これがCSS3のアニメーション機能です。また、スライドのアニメーションだけでなく、フェードするタイプのナビゲーションも公開されています。
HOSOIToshiya 2010/01/26
css3

ナビゲーション

コリス

ドロップダウン

スライド
リンク
1

お知らせ

もっと読む

公式Twitter

@HatenaBookmark
リリース、障害情報などのサービスのお知らせ
@hatebu
最新の人気エントリーの配信

キーボードショートカット一覧

j次のブックマーク

k前のブックマーク

lあとで読む

eコメント一覧を開く

oページを開く

設定を変更しましたx