不要在 CSS 裡使用小數點

問題

擁有 Pixel之眼 的 designer 發現某些物件，在 hover 的時候，兩邊會出現淡淡淺淺的白色邊框

解法

這個物件在 hover 之後做了很多事，改變寬度、內容、背景、前景等等，最後發現造成白邊的原因是改變了位置：位移 ( translateX )，而位移的數值是計算出來的百分比，所以造成了這個問題。

改用整數的 px 即可解決。

參考資料

用血和淚（其實是肝）獲得的教訓