渐变炫酷动感css文字特效html页面代码

大家好，今天给大家介绍一款，渐变炫酷动感css文字特效html页面代码（图1）。送给大家哦，获取方式在本文末尾。

图1

动画效果预览，非常炫酷，实现原理就是在文字遮罩下面放了一张GIF图片（图2）

图2

源码完整，需要的朋友可以下载学习（图3）

图3

本源码编码：10159，需要的朋友，点击下面的链接后，搜索10159，即可获取。

源码获取方式

body {
  background: black;
  margin: 0;
}
main {
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}
.text {
  background: url(https://media.giphy.com/media/3o6Ztb45EYezY9x9gQ/giphy.gif);
  background-size: contain;
  background-position: top left;
  -webkit-background-clip: text;
  color: transparent;
  font-size: 10rem;
  font-weight: bold;
  font-family: sans-serif;
}

 本源码编码：10159，需要的朋友，点击下面的链接后，搜索10159，即可获取。

源码获取方式