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のデザインは以下のサイトで詳しく解説されています。図でもわかるように、4重のレイヤーになっているようです。使えそうなアイデアですね。
CSS Gradient Text EffectCSSを使って、テキストにに透過PNGをかぶせると、簡単に光沢のある効果が出せます。上にかぶせるPNG次第でいろいろ使えそうなアイデアですね。
GlassBox周りの枠がきれいに透けるLightboxスクリプトです。
Fun with Transparen...
この記事をクリップしたユーザー一覧
-
hamashunさん 2008/06/02 15:01
-
カイエダ ミエさん 2008/05/30 03:14
- タグ:
-
inmymemoryさん 2008/05/21 18:51
- タグ:
みんなのおすすめ商品(Amazon.co.jp)
|
|
|
|
|---|---|---|---|
とある科学の超電磁砲 4―とある魔術の禁書目録外伝 (電撃コミックス)47人がクリックしました
著者:鎌池 和馬 |
きのう何食べた? 3 (モーニングKC)32人がクリックしました
著者:よしなが ふみ |
NARUTO (巻ノ48) (ジャンプコミックス)1人がクリックしました
著者:岸本 斉史 |
他にもこんなクリップがオススメ
-
COLOURlovers Coup.0 :: Color Trends & Palettes 本文へ
カラーパターンいろいろ -
買ってよかったものまとめサイト 本文へ
webサービスで買いモノ -
クオリティの高いデスクトップ用壁紙サイト 14選 - DesignWalker 本文へ
同じサイトでクリップされている記事
-
無料で使えるAdobeCS3の代替ソフト 本文へ
GIMP, Audacity, PrimoPDFなど。InDesignの代替も。 -
iTunesをもっと便利に使いたい - DesignWalker 本文へ -
Mixiのプロフィール写真にいかが? 似顔絵ジェネレーター 9サイト - DesignWalker 本文へ
すごい! 使うかも



