Home > ナビゲーション > スクロールすると変化しながらついてくる画像

• Newer
• Older

スクロールすると変化しながらついてくる画像

• 2009-01-15 (Thu) 13:16
• ナビゲーション
• 
• 

CSSでこんなこともできるのですねぇ。すごい。

↑ アニメーションでどうぞ（クリックすると実際のデモ画面へ）。

応用すると次のような効果も実現できますね。これもおもしろい。

↑ シュレッダーちっくに（クリックで動作する画面へ）。

アイデア次第でいろいろ使えそうですね。

実際のマークアップの仕方は以下に詳しいですよ。

» Mike asks the CSS Guy about a scrolling trick with background images (Ask the CSS Guy)

Twitterもやっています！

• Newer: 「パスワードを忘れたら？」をフォーム内に配置
• Older: codebaseのヘルプページのアイコンがかわいい

Comments:0

Comment Form

Name (required)

Mail address (will not be published) (required)

URI

Remember personal info

Yes No

CommentYou can use some HTML tags for decorating.

Add Your Comment

Trackbacks:0

Trackback URL for this entry

http://www.simplexsimple.com/archives/2009/01/css_scroll_trick.html/trackback

Listed below are links to weblogs that reference

スクロールすると変化しながらついてくる画像 from SIMPLE*SIMPLE ～ Web職人のための小粋なネタ帳

Home > ナビゲーション > スクロールすると変化しながらついてくる画像

ブログ内検索

Search SIMPLE*SIMPLE ～ Web職人のための小粋なネタ帳

百式ジョブボード（求人情報）

TwitterCounter

人気の記事

• メインの記事以外が最初は薄暗くなっているインターフェース
• 前のバージョンから何が変わったら一目でわかる機能比較表
• 「現在セキュアな通信をしています」と明示的に表示するインターフェース
• いまどきのWebサービスのフッター・・・
• コミック風のわかりやすいチュートリアル
• ドラッグ＆ドロップできるショッピングカート
• 「今日登録できるのはあと○人だけ」と表示して会員登録を促すインターフェース
• ちょっと笑えるエラーメッセージ
• ちゃんとメールを送りました、というエラーページ
• 穴埋め式のユーザー登録画面

Powered by …

『IDEA*IDEA』のユーザビリティは、ユーザー中心のウェブサイト構築を手がけるビービット社によって検証・改善されています。

いろいろ

誠Biz.IDの「Webサービス図鑑」を応援中です！

人気の商品

楽ワード

モバイル版

最近の記事

• メインの記事以外が最初は薄暗くなっているインターフェース
• いまどきのWebサービスのフッター・・・
• コミック風のわかりやすいチュートリアル
• 前のバージョンから何が変わったら一目でわかる機能比較表
• 「現在セキュアな通信をしています」と明示的に表示するインターフェース
• 「今日登録できるのはあと○人だけ」と表示して会員登録を促すインターフェース
• ドラッグ＆ドロップできるショッピングカート
• 穴埋め式のユーザー登録画面
• ちょっと笑えるエラーメッセージ
• ちゃんとメールを送りました、というエラーページ

カテゴリー一覧

• FLASH (2)
• その他 (73)
• デザイン全般 (16)
• ナビゲーション (85)
• フォーム (6)
• ブログデザイン (16)
• マーケティング (5)
• 勉強会 (1)
• 検索 (2)
• 特殊効果 (17)

過去記事一覧

• June 2009 (2)
• April 2009 (2)
• March 2009 (2)
• February 2009 (5)
• January 2009 (6)
• December 2008 (7)
• November 2008 (6)
• October 2008 (9)
• September 2008 (19)
• August 2008 (7)
• July 2008 (1)
• May 2008 (2)
• April 2008 (1)
• March 2008 (1)
• February 2008 (3)
• January 2008 (4)
• December 2007 (2)
• November 2007 (7)
• October 2007 (6)
• September 2007 (1)
• August 2007 (6)
• July 2007 (5)
• June 2007 (2)
• May 2007 (16)
• April 2007 (2)
• March 2007 (12)
• February 2007 (21)
• January 2007 (16)
• December 2006 (17)
• November 2006 (24)
• October 2006 (3)
• September 2006 (6)