Home > ブログデザイン > 本文の下のほうをFade Outしてフッターを際立たせる方法

本文の下のほうをFade Outしてフッターを際立たせる方法

fortuitousというブログには、ちょっと楽しい小細工が。

本文の下のほうに行くと文字や画像がFade Outしていきます。フッターのメニューがうかびあがってくるように見えてユニークです。

dowtofadeout.gif

ちょっと実現方法がユニークなので皆さんも考えてみてください。

実はこれ、CSSやJavascriptを一切使わず、画像をちょこっといじっただけで実現しています。

なんと上半分を白の透過画像にしているだけなのです。わかってしまうと、「あー、なんだ。」と思ってしまいますが、意外と思いつかない発想かも。

たったこれだけでもブログやサイトにアクセントを加えることができる、他にもいろいろとお手軽な手法が転がっていそうですね。

» fortuitous

■ 追記(2007-05-27):

コメント欄でも指摘がありましたが、透過画像とCSSにて実現されているテクニックでした・・・ごめんなさい。上記の「CSSやJavascriptを一切使わず」を訂正します。

@taguchiをフォロー!
Twitterもやっています!

Comments:1

やむ 07-05-09 (Wed) 16:00

>実はこれ、CSSやJavascriptを一切使わず、画像をちょこっといじっただけで実現しています。

CSSを使ったから出来てるのでは。

Comment Form
Remember personal info

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職人のための小粋なネタ帳

Home > ブログデザイン > 本文の下のほうをFade Outしてフッターを際立たせる方法

最近の記事
カテゴリー一覧
過去記事一覧

Return to page top