使用tailwindcss在进行图片放大时渲染问题
记录一个今天遇到的图片放大时渲染问题
在使用tailwindcss对图片进行放大使用
hover:scale-105 transition duration-300
更好效果可以对图片进行定位,比如从图片中间放大,再加上
origin-center
但是这会有一个问题,那就是在放大时,图片可能会抖动,这是因为浏览器是使用的CPU渲染,而不是使用的GPU,这时候再加上下面这段代码就更好了
transform-gpu
这下对图片进行放大就非常的顺滑了