在web開發中，css3動畫是經常用到的技術，可以制作出許多炫酷的交互效果。但是在實際開發中，我們可能會遇到一些css3動畫的bug，這些bug可能會讓我們的網頁看起來很丑或者功能不完整。

/*css3動畫bug實例*/
div {
animation: bug 2s 1s infinite;   //使用animation屬性設置動畫
}
@keyframes bug {
0% {
opacity: 1;
transform: translateY(0);
}
50% {
opacity: 0.5;
transform: translateY(20px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}

上面是一個簡單的css3動畫例子，我們通過animation屬性和@keyframes關鍵字定義了一個div元素的動畫效果，這個動畫會讓div元素在頁面中上下移動并改變透明度，且會無限循環。

但是實際上，當我們在某些瀏覽器中查看這個動畫時，可能會遇到一些比較奇怪的bug。比如：

- 在Safari中，如果我們同時設置了animation和transition屬性，動畫就會失效；
- 在IE11中，如果我們同時設置了animation和box-shadow屬性，動畫就會閃爍不穩定；
- 在Chrome中，如果我們設置了負數的animation-delay屬性，動畫就會停止不動。

這些css3動畫的bug會影響我們的網頁瀏覽體驗，甚至會影響網頁本身的功能。因此，在應用css3動畫時，我們需要多加注意，避免出現不必要的bug。