0
点赞
收藏
分享

微信扫一扫

css 文字渐变效果

一世独秀 2022-03-11 阅读 107

.info99[data-v-39122f74] {
  z-index: 383;
  width: 28.34vw;
  height: 7.64vw;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 6.94vw;
  letter-spacing: 2px;
  font-family: PingFangSC-Semibold;
  white-space: nowrap;
  line-height: 7.64vw;
  text-align: center;
  background-image: -webkit-linear-gradient(
      162deg,
      rgba(250, 145, 145, 1) 0%,
      rgba(180, 145, 253, 1) 50%,
      rgba(255, 225, 144, 1) 100%
  );
  background-image: -o-linear-gradient(
      162deg,
      rgba(250, 145, 145, 1) 0%,
      rgba(180, 145, 253, 1) 50%,
      rgba(255, 225, 144, 1) 100%
  );
  background-image: linear-gradient(
      288deg,
      rgba(250, 145, 145, 1) 0%,
      rgba(180, 145, 253, 1) 50%,
      rgba(255, 225, 144, 1) 100%
  );
  -ms-flex-item-align: center;
      align-self: center;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

 

举报

相关推荐

0 条评论