箭頭 隨著顏色依次加深而顯示的動(dòng)畫，不斷循環(huán)的
2 回答
慕標(biāo)5832272
TA貢獻(xiàn)1966條經(jīng)驗(yàn) 獲得超4個(gè)贊
用到了font-awesome，圖形選擇樓主可以根據(jù)自己的需求自行選擇，主要用到了animation和animation-delay
注意兼容性問題，代碼沒有將兼容性代碼寫全
ITMISS
TA貢獻(xiàn)1871條經(jīng)驗(yàn) 獲得超8個(gè)贊
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 關(guān)注
- 668 瀏覽
添加回答
舉報(bào)
0/150
提交
取消