WEBマーケティングを学ぶためのメールマガジン

※メルマガ内容は省略されています。もっと詳しく見る

• 
• 

誰でもできるサイトに立体感を出す方法【CSS】

配信日：2012年02月16日

こんにちは。中田です。

いつもありがとうございます。



■誰でもできるサイトに立体感を出す方法【CSS】


まずは、下のページを御覧ください。↓
http://www.red-team-design.com/how-to-create-slick-effects-with-css3-box-shadow


ページのトップに

うっすらとドロップシャドウがかかっています。

わかりますか？



見てもわからない方はこちらの"画像"をどうぞ

http://www.red-team-design.com/wp-content/uploads/2011/04/box-shadow-depth.png



これくらいの、わかるかわからないかくらいの

うっすらとした影の方が見た目で与える印象は良いと思います。



このtipsは画像を使わずにCSSだけで実現しているので

簡単に実装することができます（コピペだけ）。



ご興味の有るかたはこちらのコードをご覧下さい。

http://playground.genelocklin.com/depth/



知っておくと、便利すぎるテクニックです。

なお、IE（たぶん）では表示されませんのでご注意下さい。





■パワーブログ構築ならTCDシリーズ
【日本語ブログ用WordPressテーマ一覧】

メインブログにふさわしいWordPressテーマ
http://e-32.net/z/public/l.php?9999&3&16m1

「超高機能」大規模なポータルサイト化が可能なテーマ
http://design-plus1.com/tcd-w/tcd004

アイキャッチがかっこいいテーマ
http://design-plus1.com/tcd-w/tcd003





■0円クリエイター

ネットビジネスで稼ぐ為の一生モノの基礎力を養う教材
http://e-32.net/z/public/l.php?9999&3&15m1





それでは、またメールします。





【メルマガプライバシーポリシー】
ご登録頂いた個人情報（メールアドレス）を
正しく保管し、漏えいすることのないよう、保護に努めること
を宣言します。また、頂いたメールアドレスには、当メルマガ
の配信以外には使用致しません。



【当メルマガに広告を掲載できます】
http://design-plus1.com/tcd-w/magad



【メールマガジン バックナンバー】
http://e-32.net/z/public/bn.php?mid=0102





最後までお読み頂きありがとうございました。
----------------------------------------------------------------------
発行者： 株式会社デザインプラス
担当者： 中田俊行
所在地： 大阪府吹田市江坂町3-62-1
連絡先： 0yen.creater@gmail.com
HP： http://design-plus1.com/tcd-w/
広告掲載: http://design-plus1.com/tcd-w/magad

Copyright DesignPlus CO.,LTD. All Rights Reserved.
----------------------------------------------------------------------
◎WEBマーケティングを学ぶためのメールマガジン
のバックナンバー・配信停止はこちら
⇒ http://archive.mag2.com/0000249193/index.html