人物のシルエットにマウスオーバーすると写真がフェードインするjQueryプラグイン

スポンサーリンク

これは結構実用的なテクニック
なのでは。人物のシルエットに
マウスオーバーすると写真が
フェードインします。というか、
人物じゃなくても良さそうなので
色々使い道がありそう。

css trickの画像をフェードインさせるjQueryとcssのクールなテクニックをメモ。

Silhouette Fadeins

silhoutte-jquery01
フワッと出てくる写真がかっこええっす。IE6では表示されませんでしたが、コンテンツを際立たせるのにいいテクニックじゃないかなと思います。

silhoutte-jquery02
ロールオーバーにはcssスプライトを採用してるみたいです。多少ズレるのでやや暗めの写真にした方がいいかな・・
si
マークアップも記載されています。

ダウンロードとデモは以下からGOです。

Silhouette Fadeins

URL :
TRB :

Comments & Trackbacks

Comments are closed.

Twitter

Web制作に役立つそうなリソースを独断と好みで配信しています。

かちびと.netにリンクの無いトラックバックはお受けいていません。
コメントされる前にガイドラインをご覧下さい。

twitter facebook rss contact

Ads

Posts

Contact

Services