最近在做需求时，有以卡片形式展示的列表，需要鼠标hover时有缩放效果，那肯定是transform: scale(1.2)，不过在chrome上碰到问题，缩放时页面文字变模糊了。google了一下貌似问题就只有chrome上有。firfox是正常的。 查询了网上说的方案，比如在 transform 加上 translate3d(0, 0, 0)，will-change，backface-visibility: hidden，均无效，在Stack Overflow搜索时，有一条回答眼前一亮，说去掉边框就好了，一试果然有效。后面就用before伪元素实现边框效果。
