箭頭 隨著顏色依次加深而顯示的動畫,不斷循環的
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 關注
- 657 瀏覽
添加回答
舉報
0/150
提交
取消