最近給公司網站做一個動畫，但是該動畫影響了文字的的正常顯示。
於是乎，百度+谷歌之后整理如下，以便下次踩到這個坑時可以及時跳出來，畢竟這個需求還是挺常見的 😃
先看看是什么問題：
動畫是加在圖片上的，但是卻影響了其他文字，至於為什么會導致這樣的問題，暫時還沒有找到答案。
解決辦法
Part1. 在該動畫的transform里加上translateZ(0)值, 能解決文字抖動的問題，但是沒解決文字模糊的問題。
Part2. 在發生文字模糊的地方加上transform: translate3d(0,0,0)，解決文字模糊以及的問題。
解決后：
綜合以上，使用scale發生文字抖動及模糊時，在該文字的css中只需要加入transform: translate3d(0,0,0)即可解決問題。
PS：知道為什么會發生這樣的問題的原理的小伙伴請私信我噢，謝謝啦~