JavaScriptやFlashを使用せず、CSSで実装するスタイリッシュな打ち出しコンテンツをCSSplayから紹介します。 A CSS Select List - with current selection デモ デモではホバーしている箇所のナビゲーションとイメージが表示され、すべてリスト要素で実装されています。 CSSをオフにすると下記のように表示されます。
マウスオーバーすると、下からパネルとアイコンをアニメーションでスライド表示するナビゲーションを実装するチュートリアルをCodropsから紹介します。 A Fresh Bottom Slide Out Menu with jQuery デモページ ナビゲーションのインタラクションにはjQueryが使用されており、シャドウや角丸のエフェクトにはCSS3が使用されています。 パネルやアイコンの表示位置、アニメーションのタイミングは変更が可能です。 パネルとアイコンのタイミングを異なる値にするのがポイントです。 チュートリアルではHTML、CSS、JavaScriptのコードが解説付きで紹介されており、全ソースをダウンロードすることもできます。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く