字体颜色渐变

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>我是蚊子</title>

<style>

.site__title {

    color: #abeaf7;

    background-image: -webkit-linear-gradient(90deg, #abeaf7, #f41392);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    -webkit-animation: change 5s infinite linear;

  }

@-webkit-keyframes change {

    from {

      -webkit-filter: hue-rotate(0deg);

    }

    to {

      -webkit-filter: hue-rotate(-360deg);

    }

}

</style>

</head>

<body>

<h1 class="site__title">我是蚊子</h1>

</body>

</html>

ins-center-pre.az.jd.com

posted @ 2022-03-09 18:08  未几  阅读(86)  评论(0)    收藏  举报