CSS3有各種各樣的特性,其中之一是快閃(flash)特效。它可以使網(wǎng)頁上的文字、圖片或其他元素在短時(shí)間內(nèi)快速閃爍,引起用戶的注意。
/* 定義一個(gè)快閃效果 */ @keyframes flash { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } /* 應(yīng)用到元素上 */ .element { animation: flash 1s infinite; }
上述代碼中,我們使用了CSS3的動(dòng)畫特性。使用@keyframes定義了一個(gè)閃爍的動(dòng)畫,從不透明度為1開始,到透明度為0,最后回到不透明度為1,總時(shí)長(zhǎng)為1秒。然后通過animation屬性將動(dòng)畫應(yīng)用到了一個(gè)名為“element”的元素上,使得該元素不停地快閃。
快閃特效可以在網(wǎng)站制作中扮演各種角色,例如用來標(biāo)志重要信息、提示操作等等。不過需要注意的是,過于頻繁的快閃效果會(huì)讓用戶感到煩躁,給用戶帶來不良體驗(yàn),因此應(yīng)該控制好快閃的時(shí)機(jī)和頻率。