使用tailwindcss在进行图片放大时渲染问题

记录一个今天遇到的图片放大时渲染问题

在使用tailwindcss对图片进行放大使用

hover:scale-105 transition duration-300

更好效果可以对图片进行定位，比如从图片中间放大，再加上

origin-center

但是这会有一个问题，那就是在放大时，图片可能会抖动，这是因为浏览器是使用的CPU渲染，而不是使用的GPU，这时候再加上下面这段代码就更好了

transform-gpu

这下对图片进行放大就非常的顺滑了