CSS特效

text-decoration: none;

.u1 {
box-shadow: rgba(17, 37, 127, 0.27) 2px 0px 15px;
/*background: rgba(217, 217, 217, 0.29); */
}

.h{
color: #fff;
box-shadow: #e40231 0px 0px 1px;// 文字边框
background: rgb(246, 188, 3);  // 文字背景
}

.u1 .l1 img {
transition: All 0.4s ease-in-out;
-webkit-transition: All 0.4s ease-in-out;
-moz-transition: All 0.4s ease-in-out;
-o-transition: All 0.4s ease-in-out;
}
.u1 .l1 img:hover {
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
}

<div class="endv_code" style="color: #800555; width: 100px; height: 50px; background: #0000ff;">看效果</div>

box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1), 0 1px 2px -1px rgba(0,0,0,0.1), 0 1px 5px 0 rgba(0,0,0,0.1);