猿问

求个css3动画,万分感谢

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

慕斯709654
浏览 631回答 2
2回答

慕标5832272

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

ITMISS

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 ;  }}
随时随地看视频慕课网APP

相关分类

CSS3
我要回答