499
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
- タグ：
-
inmymemoryさん 2008/05/21 18:51
- タグ：
みんなのおすすめ商品（Amazon.co.jp）
|
|
|
|
|---|---|---|---|
よつばと! 9 (電撃コミックス)23人がクリックしました
著者：あずま きよひこ |
細川ふみえ Fumming699人がクリックしました
著者：篠山紀信(撮影) |
ONE PIECE 巻56 (ジャンプコミックス)62人がクリックしました
著者：尾田 栄一郎 |
他にもこんなクリップがオススメ
-
デザインウォーカー | DesignWalker - ロサンゼルスで働くウェブデザイナーの日記 本文へ
プロが作ったようなグラフィックがたった3分で!? 使ってみたい無料サンプルいろいろ……など、ロスで働くデザイナーがウェブデザインの奥の手を惜しげもなく披露。Photoshopのテクニック、ムーバブルタイプのお役立ち情報など、思わず試したくなる技ばかりです。 -
死ぬまでに見ておくべきCSSデザインサイト集まとめ - GIGAZINE 本文へCSSのデザインの纏めサイトのまとめ。これを全部見てまわるのは大変ですが、暇があればちょっとずつ楽しみたい
-
簡 単 に 作 れ る う ま い 料 理 - スチーム速報 ＶＩＰ 本文へ引っ越したら作るんだって。
2015
