[CSS]box-shadowの面白い使い方！画像にシャドウをこんな感じにつけると立て看板風に見える
box-shadowはボックスの周りにふわりとしたシャドウをつけることができますが、それを少しアレンジして、立て看板風のシャドウをつけるテクニックをBloomから紹介します。 まずは、通常の周りにふわりとシャドウをつけてみます。 HTML img要素をdivで包みます。 <div class="css-box-shadow"> <img src="logo.png" alt="" /> </div> CSS ボックスの四辺にシャドウを適用します。 .css-box-shadow { width:133px; position: relative; -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,.5); -moz-box-shadow: 1px 2px 4px rgba(0,0,0,.5); box-shadow: 1px 1px 4px rgba(0
Espresso + Zen-coding のメモ - Di notebook
Di notebook 主にマークアップ関係のコーディング備忘録。HTML, CSS, Movable Type, jQuery, etc... Home Archives RSS Zen-coding のインストール Downloads - zen-coding - Project Hosting on Google Code から Zen Coding for Espresso v0.6 をダウンロード 解凍すると現れる TEA for Espresso.sugar をダブルクリックして Espresso にインストール Zen-coding の機能その1 : Expand Abbreviation （Zen-coding の記法で書かれた）略記を展開する ショートカット: F1 Zen-coding の記法を覚える必要がある。難易度は、HTML/CSSを書ける人ならすぐに理解できる
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
