CSS實現字體隨機彩色是一種很有趣的效果,可以給網站帶來不同尋常的配色視覺效果。下面就來介紹一下如何實現這個效果。
/* CSS代碼 */ @keyframes rainbow { 0% {color: #ED1C24;} 14.28% {color: #F26522;} 28.56% {color: #F7941D;} 42.84% {color: #FFF200;} 57.12% {color: #8DC73F;} 71.4% {color: #00A99D;} 85.68% {color: #2E3192;} 100% {color: #662D91;} } p { animation: rainbow 2s infinite; }
首先,我們需要定義一個動畫名稱為rainbow,并使用8種不同的顏色,分別設置為每個關鍵幀的樣式(可以自己定義想要的顏色)。然后,我們將這個動畫應用到p標簽上,讓文字動起來。
這樣,你就可以在網站中使用這個效果,讓你的文字隨機彩色跳躍,吸引眼球,為網站添加一份獨特的魅力了。
上一篇div 作為 file
下一篇div 全部靠左