[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

[tsetgogo]

box-shadowの面白い使い方！画像にシャドウをこんな感じにつけると立て看板風に見える

[ebisu3htn]

box-shadowはボックスの周りにふわりとしたシャドウをつけることができますが、それを少しアレンジして、立て看板風のシャドウをつけるテクニックをBloomから紹介します。 まずは、通常の周りにふわりとシャドウをつけて [

[yoshi-na]

box-shadowの面白い使い方！画像にシャドウをこんな感じにつけると立て看板風に見える

[nors]

http://bloomwebdesign.net/2013/07/css3-deep-box-shadow/

[typista]

box-shadowの面白い使い方！画像にシャドウをこんな感じにつけると立て看板風に見える

[thujikun]

かっこいい

[poppun1940]

box-shadowはボックスの周りにふわりとしたシャドウをつけることができますが、それを少しアレンジして、立て看板風のシャドウをつけるテクニックをBloomから紹介します。 まずは、通常の周りにふわりとシャドウをつけて

[takryou79]

CSS

[kana321]

コリス

[sabotem]

ボックスと同サイズの擬似要素作って後ろに置いてtransformで変形させてふんわりとしたシャドーつけて立て看板の影風にするテクニック。animation使えばマウスオーバーで立てたり倒したり出来る？

[web_shufu]

box-shadowの面白い使い方！画像にシャドウをこんな感じにつけると立て看板風に見える | コリス