CSS实现文字动画炫酷效果

素颜马尾好姑娘i 2021-09-01 10:47 754阅读 0赞 
  1. span{ 
  2. //设置文字动画背景动图
  3.  background:url(https://www.17sucai.com/preview/776331/2019-07-28/asw/img/giphy.gif);
  4. //调节图片大小位置
  5.  background-position-x: 0%;
  6.  background-position-y: 0%;
  7.  background-size: auto;
  8.  background-clip: border-box;
  9.  background-size: contain;
  10.  background-position: top left;
  11.  -webkit-background-clip: text;
  12.  //设置文字颜色为透明
  13.  color: transparent;
  14.  font-size: 21px;
  15.  font-weight: bold;
  16.  font-family: sans-serif;
  17.  position: fixed;
  18.  z-index: 999;
  19.  top: 9px;
  20.  left: 20%;
  21. }

发表评论

表情：
评论列表 （有 0 条评论，754人围观）

还没有评论，来说两句吧...

相关阅读