reactjs - 是否可以将鼠标悬停在带有顺风的标题标签上？

Question

当我将鼠标悬停在它们上方时，我需要将文本放大，

代码 ：

function Startpage() {
  return (
    <div className="bg-mygraymain">
      <div className="flex justify-center">
        <h1 className="hover:scale-125">Hi,Sai</h1>
      </div>
);
}

但是上面的代码不起作用。更改背景，使用悬停下划线但无法缩放。

标签： reactjstailwind-css

Answer 1

transform正如 Tailwind 文档所说，您还需要添加类：

Scale - 通过首先使用转换实用程序启用转换来控制元素的比例，然后使用 scale-{percentage}、scale-x-{percentage} 和 scale-y-{percentage} 实用程序指定比例。