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

2024-08-12 241 0

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

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

hover:scale-105 transition duration-300

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

origin-center

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

transform-gpu

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

相关文章

FishNoval – 一个轻量级的 Chrome 小说阅读器扩展
使用Plyr.js打造出色的网站视频播放体验
hover的时候,悬浮框从下往上,从隐藏到显示出现
常用meta适配标签
更换cactus主题
简单实现图片异步加载

发布评论