2015年4月2日 星期四

bootstrap 使用css transform後會造成 nav bar閃爍(flicker)的問題 in chrome

參考文件:Prevent flicker on webkit-transition of webkit-transform

因為實作CSS Animation - 以小米為師時,發現只要移動滑鼠滾輪時,bootstrap nav bar就會一閃一閃的,眼睛很不舒服,可是在 IE 11上就沒這個問題,這是因為 css使用了 -webkit-transform  造成的,解決方式就是在 body內加上 -webkit-backface-visibility : hidden即可

沒有留言:

張貼留言