CSS特效

去掉点
/* list-style: none; */

无下划线

    text-decoration: none;

投影

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

文字边框背景

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

动画 360旋转

.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);
}

示例

看效果

代码

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

1  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);