你的浏览器禁用了JavaScript, 请开启后刷新浏览器获得更好的体验!

前端开发

如何使用CSS实现文字闪光效果？

已邀请:

1 个回复

zkbhj - 凯冰科技站长

赞同来自:

可以使用如下方式实现：

.light{

  background: #1ab667 -webkit-linear-gradient(left, #1ab667, #fff) 0 0 no-repeat;

  -webkit-background-size: 80px;



  -webkit-background-clip: text;

  -webkit-text-fill-color: rgba(255, 255, 255, 0.3);



  -webkit-animation: slideShine 3s infinite;

}

@-webkit-keyframes slideShine {

  0% {

    background-position: 0 0;

  }

  100% {

    background-position: 100% 100%;

  }

}

要回复问题请先登录或注册