###前提・実現したいこと
(例)CSSでこのように影をつけたい。
###ソースコード
CSS
1ここにご自身が実行したソースコードを書いてください 2.effect2 { 3 position: relative; 4} 5.effect2:before, .effect2:after { 6 background: none repeat scroll 0 0 #777777; 7 bottom: 18px; 8 box-shadow: 0 15px 10px #777777; 9 content: ""; 10 left: 10px; 11 max-width: 300px; 12 position: absolute; 13 top: 80%; 14 transform: rotate(-3deg); 15 -webkit-transform: rotate(-3deg); 16 -moz-transform: rotate(-3deg); 17 -ms-transform: rotate(-3deg); 18 -o-transform: rotate(-3deg); 19 width: 50%; 20 z-index: -1; 21} 22.effect2:after { 23 left: auto; 24 right: 10px; 25 transform: rotate(3deg); 26 -webkit-transform: rotate(3deg); 27 -moz-transform: rotate(3deg); 28 -ms-transform: rotate(3deg); 29 -o-transform: rotate(3deg); 30} 31 32--------------- 33```HTML 34 35<li id="contents"> 36 <section class="fadein"> 37 <div class="image"> 38 <div class="box effect2"> 39 <img src="images/event_01.jpg" width="50%"> 40 </div> 41 </div> 42 </section> 43</li> 44 45###補足情報(Dw CS6使用)
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。