我該如何製作它？ （Shadows CSS3）

Question

我甚至不介意如何創建它。有任何想法嗎？

Answer 1

對陰影效果使用下面的代碼。更好地使用CSS而不是陰影效果的圖像。因爲css很容易創建，編輯和加載。與CSS相比，圖像不容易創建，編輯和加載。

<div class="box effect2"> 
     <h3>Effect 2</h3> 
    </div> 


    .box h3{ 
    text-align:center; 
    position:relative; 
    top:80px; 
} 
.box { 
    width:70%; 
    height:200px; 
    background:#FFF; 
    margin:40px auto; 
} 

/*================================================== 
* Effect 2 
* ===============================================*/ 
.effect2 
{ 
    position: relative; 
} 
.effect2:before, .effect2:after 
{ 
    z-index: -1; 
    position: absolute; 
    content: ""; 
    bottom: 15px; 
    left: 10px; 
    width: 50%; 
    top: 80%; 
    max-width:300px; 
    background: #777; 
    box-shadow: 0 15px 10px #777; 
    transform: rotate(-3deg); 
} 
.effect2:after 
{ 
    transform: rotate(3deg); 
    right: 10px; 
    left: auto; 
} 

Reference Link