本文へジャンプします。



こんにちは、ゲストさん



現在位置: トップ > 透過をきれいに使ったウェブデザインいろいろ - DesignWalker


閲覧数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のデザインは以下のサイトで詳しく解説されています。図でもわかるように、4重のレイヤーになっているようです。使えそうなアイデアですね。

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

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

Fun with Transparen...

続きを読む

この記事をクリップする

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


みんなのおすすめ商品(Amazon.co.jp)

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

よつばと!  9 (電撃コミックス) 細川ふみえ Fumming ONE PIECE 巻56 (ジャンプコミックス)  

よつばと! 9 (電撃コミックス)

23人がクリックしました

著者:あずま きよひこ
出版社: 角川グループパブリッシング

細川ふみえ Fumming

699人がクリックしました

著者:篠山紀信(撮影)
出版社: 講談社

ONE PIECE 巻56 (ジャンプコミックス)

62人がクリックしました

著者:尾田 栄一郎
出版社: 集英社

 


他にもこんなクリップがオススメ

  1. 閲覧数2015 クリップ数19

    デザインウォーカー | DesignWalker - ロサンゼルスで働くウェブデザイナーの日記 本文へ

    コメントプロが作ったようなグラフィックがたった3分で!? 使ってみたい無料サンプルいろいろ……など、ロスで働くデザイナーがウェブデザインの奥の手を惜しげもなく披露。Photoshopのテクニック、ムーバブルタイプのお役立ち情報など、思わず試したくなる技ばかりです。

  2. 閲覧数1842 クリップ数33

    死ぬまでに見ておくべきCSSデザインサイト集まとめ - GIGAZINE 本文へ

    コメントCSSのデザインの纏めサイトのまとめ。これを全部見てまわるのは大変ですが、暇があればちょっとずつ楽しみたい

  3. 閲覧数134 クリップ数8

    簡 単 に 作 れ る う ま い 料 理  - スチーム速報 VIP 本文へ

    コメント引っ越したら作るんだって。








携帯でアクセス

携帯アクセスバーコード
携帯で左のバーコードを読み取るか
URLを携帯に送信してください。

Powered by モバクシー




推奨画面サイズ
1024×768 以上

クリップBETAトップへ戻る