css笔记。

整理了一下近期做的和css有关的笔记。在这里汇总一下。

• css字体颜色渐变

  background: linear-gradient(to right, #fff5d9, #ffe8ba);
        -webkit-background-clip: text;
        color: transparent;
  

  

• 边框渐变色

  .border-block {
  border: 10px solid transparent;
  border-image: linear-gradient(to top, #F80, #2ED);
  border-image-slice: 10;
  }
  

  

• 纯css制作的轮播页

    .father_box {
    width: 1536px;
    border: 1px solid red;
    transition: all 500ms ease-in-out 0s;
  }
  @-webkit-keyframes change{
    0%{
        margin-left:0;
    }
    14%{
        margin-left:0;
    }
    16.5%{
        margin-left:-768px;
    }
  
    33%{
        margin-left:-768px;
    }
    47%{
        margin-left:-768px;
    }
    49.5%{
        margin-left:-1536px;
    }
    66%{
        margin-left:-1536px;
    }
    82.4%{
        margin-left:-1536px;
    }
    82.5%{
        margin-left:0px;
    }
    100%{
        margin-left:0px;
    }
  }
  

转载请注明出处。

Oriel Yan

lazy~