箭头 随着颜色依次加深而显示的动画,不断循环的
2 回答
慕标5832272
TA贡献1966条经验 获得超4个赞
用到了font-awesome,图形选择楼主可以根据自己的需求自行选择,主要用到了animation和animation-delay
注意兼容性问题,代码没有将兼容性代码写全
ITMISS
TA贡献1871条经验 获得超8个赞
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 ;
}
}
- 2 回答
- 0 关注
- 621 浏览
添加回答
举报
0/150
提交
取消