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

2024 年 8 月 12 日 星期一
11

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

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

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

hover:scale-105 transition duration-300

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

origin-center

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

transform-gpu

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

使用社交账号登录

  • Loading...
  • Loading...
  • Loading...
  • Loading...
  • Loading...