透過をきれいに使ったウェブデザインいろいろ

497 4

透過をきれいに使ったウェブデザインいろいろ - DesignWalker

http://www.designwalker.com/2008/05/transparent-inspiration.html 本文へ

（本文から引用）

最近では、透過PNGを使ってとってもきれいに背景を透かしたウェブデザインを良く見かけます。IE6.0以前のバージョンでは、通常、透過PNGがうまく表示されないのですが、IE PNG Fixなどのスクリプトを使えば、きれいに表示されますね。透過PNGをうまく使っている例では、こちらのサイトは有名ですね。Silverbackぱっと見、普通のサイトなのですが、ブラウザの横幅を縮めたり伸ばしたりしてみると…とってもきれいなレイヤーになってます。残念ながら、IE6ではうまく表示されません。

How to recreate Silverback’s parallax effectSilverbackのデザインは以下のサイトで詳しく解説されています。図でもわかるように、４重のレイヤーになっているようです。使えそうなアイデアですね。

CSS Gradient Text EffectCSSを使って、テキストにに透過PNGをかぶせると、簡単に光沢のある効果が出せます。上にかぶせるPNG次第でいろいろ使えそうなアイデアですね。

GlassBox周りの枠がきれいに透けるLightboxスクリプトです。

Fun with Transparen...
続きを読む

この記事をクリップする

この記事をクリップしたユーザー一覧

hamashunさん 2008/06/02 15:01
タグ：
カイエダミエさん 2008/05/30 03:14
タグ：
- 【web_design】
inmymemoryさん 2008/05/21 18:51
タグ：
- 【web_design】

この記事にコメント！

みんなのおすすめ商品（Amazon.co.jp）

　　あなたもアフィリエイトを始めませんか？　　　　


とある科学の超電磁砲 4―とある魔術の禁書目録外伝 (電撃コミックス) 47人がクリックしました著者：鎌池和馬出版社: M.Co.(角川グループパブリッシング)	きのう何食べた? 3 (モーニングKC) 32人がクリックしました著者：よしながふみ出版社: 講談社	NARUTO (巻ノ48) (ジャンプコミックス) 1人がクリックしました著者：岸本斉史出版社: 集英社