使用CSS讓文字發生閃動的效果,又叫做閃字,它是一種比較常見的CSS效果,非常適合在一些慶典節日活動網站,或者特殊宣傳片中使用,下面我們來看一下如何用CSS實現文字的閃動效果。
/*首先我們需要定義閃動的關鍵幀*/ @keyframes blink { 0% { opacity: 1; } /*透明度100%*/ 50% { opacity: 0; } /*透明度0%*/ 100% { opacity: 1; } /*透明度100%*/ } /*然后為需要閃動的文字添加樣式*/ .blink { animation: blink 1s infinite; /*設置動畫效果,1s執行一次,無限循環*/ }
通過以上的CSS代碼,我們在需要閃動的文字所在的標簽上添加.blink類名即可,這個類名會自動執行上面所定義的閃動動畫效果,從而實現文字的閃動效果。
上一篇css陰影怎么樣變橢圓
下一篇css錐形發光