使用css實現陰影製作效果

這篇文章主要介紹了關於使用css實現陰影製作效果，有著一定的參考價值，現在分享給大家，有需要的朋友可以參考一下

實現css陰影製作效果

.tesr{    width: 96%;    margin-left: 2%;    padding-top: 5%;    margin-top: 5%;    box-shadow: -2px 0 0 #1aad19, //左陰影                                   0 -2px 0 #3d4145,//上                                   0 2px 0 #5340e6, //下                                   2px 0 0 #f43530;//右    height: 200px;    margin-bottom: 10%;} <p class="tesr">    </p>

以上就是本文的全部內容，希望對大家的學習有所協助，更多相關內容請關注topic.alibabacloud.com！