CSS3是一種強(qiáng)大的技術(shù)，它允許我們創(chuàng)建出動(dòng)態(tài)而富有創(chuàng)意的Web設(shè)計(jì)。然而，在CSS3 中，也有著一些不可避免的問題 - 比如著名的 “閃爍bug” 。

.bug{
-webkit-animation: blink 1s infinite;
animation: blink 1s infinite;
}
@-webkit-keyframes blink {
from, to { visibility: hidden; }
50% { visibility: visible; }
}
@keyframes blink {
from, to { visibility: hidden; }
50% { visibility: visible; }
}

現(xiàn)象就是在 CSS3 動(dòng)畫的邊緣出現(xiàn)不可避免的閃爍。這種閃爍通常會(huì)發(fā)生在瀏覽器窗口的右側(cè)和下側(cè)。

為了解決這個(gè)問題，我們需要采取一些措施：

• 在定義CSS3動(dòng)畫時(shí)盡量減小其寬度。
• 使用CSS3 ARIA屬性來“隔斷”動(dòng)畫。
• 嵌入一個(gè)空的HTML元素，并使用transition和translate3d屬性來實(shí)現(xiàn)CSS3 effect。
• 使用JavaScript 對(duì)CSS3進(jìn)行更精準(zhǔn)的控制和修復(fù)。

這個(gè)算是CSS3 中比較棘手的一個(gè)問題了，需要好好地處理。如果你在設(shè)計(jì)上需要使用CSS3 的動(dòng)態(tài)效果的話，建議你使用以上方法進(jìn)行處理。