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