标签 CSS 下的文章

CSS - 一个 a:hover

#test a:hover {
  text-decoration: none;
  background: url("http://xiaowiba.com/demo/svg/test-ahover.svg")
    repeat-x 0 100% !important;
  background-size: 20px auto !important;
  animation: waveMove 1s infinite linear !important;
}

阅读全文

css - 斜线

#lineTd {
            width: 200px;
            color: #000000;
            font-size: 30px;
            text-align: center;
            font-weight: 100;
            border-bottom: 1px solid #6BA1FF;
            height: 130px;
            box-sizing: border-box;
            text-indent: 0;
            background: linear-gradient(33deg, transparent 49.5%, #CDD4F3 49.5%, #CDD4F3 50.5%, transparent 50.5%);
          }

效果

阅读全文

CSS - pointer-events: none;

可以让某个元素实现类似于海市蜃楼的效果,可以看的到某个元素,但是你无法摸的着。

pointer-events: none;

CSS - 一个div设置多个背景图

.index-product-main {
    box-shadow: #abc6fb 0 0 18px inset;/*内部阴影*/
    padding: 20px;
    border: 1px solid #abc6fb;
    border-radius: 3px;
    background-image:url("../img/index/product/left-top.png"),url("../img/index/product/right-top.png"),url("../img/index/product/left-bottom.png"),url("../img/index/product/right-bottom.png");
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
    background-position: left top, right top, left bottom, right bottom;
}

拓展