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

小胖脸
0

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

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

hover:scale-105 transition duration-300

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

origin-center

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

transform-gpu

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

标签: none

添加新评论