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; width: 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);