求个css3动画，万分感谢

Question

箭头 随着颜色依次加深而显示的动画，不断循环的

Answer 1

demo
差不多就这效果把，文字填充背景，背景渐变。

p {
  font-size: 120px;
  line-height: 120px;
  display: block;
  width: 551px;
  overflow: hidden;
  text-align: center;
  color: #fff;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(90deg,#4e4e4e,#03a9f4,#4e4e4e);
  -webkit-background-clip: text;   
  background-size: 200% 100%;
  animation: myrote 1s infinite alternate;
}
@keyframes myrote {
  from {
    background-position:50% 0 ;
  }

  to {
    background-position:100% 0 ;
  }
}

Answer 2

我觉得是不是可以放个GIF。。（捂脸跑

Answer 3

链接描述

用到了font-awesome，图形选择楼主可以根据自己的需求自行选择，主要用到了animation和animation-delay
注意兼容性问题，代码没有将兼容性代码写全