- 2007-05-09 (Wed) 8:08
- ブログデザイン
fortuitousというブログには、ちょっと楽しい小細工が。
本文の下のほうに行くと文字や画像がFade Outしていきます。フッターのメニューがうかびあがってくるように見えてユニークです。
ちょっと実現方法がユニークなので皆さんも考えてみてください。
実はこれ、CSSやJavascriptを一切使わず、画像をちょこっといじっただけで実現しています。
なんと上半分を白の透過画像にしているだけなのです。わかってしまうと、「あー、なんだ。」と思ってしまいますが、意外と思いつかない発想かも。
たったこれだけでもブログやサイトにアクセントを加えることができる、他にもいろいろとお手軽な手法が転がっていそうですね。
■ 追記（2007-05-27）：
コメント欄でも指摘がありましたが、透過画像とCSSにて実現されているテクニックでした・・・ごめんなさい。上記の「CSSやJavascriptを一切使わず」を訂正します。
- Newer: CSSとJQueryでマック風ドックメニューを実現
- Older: その記事が何日前に更新されたのかを教えてくれるインターフェース
Comments:1
- やむ 07-05-09 (Wed) 16:00
-
>実はこれ、CSSやJavascriptを一切使わず、画像をちょこっといじっただけで実現しています。
CSSを使ったから出来てるのでは。
Trackbacks:0
- Trackback URL for this entry
- http://www.simplexsimple.com/archives/2007/05/fade_out.html/trackback
- Listed below are links to weblogs that reference
- 本文の下のほうをFade Outしてフッターを際立たせる方法 from SIMPLE*SIMPLE ～ Web職人のための小粋なネタ帳
