tailwind-css - tailwindcss group-hover 不处理转换

Question

是否可以将变换与 group-hover 伪选择器一起使用？我可以让 group-hover 为文本颜色等不转换的东西工作，但在做 translate-x 或 scale 之类的事情时我无法让它工作。下面是一个例子。内部 div 上的组悬停转换都不适合我，但组悬停用于背景和文本工作。

<div class="group">
  <div id="inner" class="transform group-hover:translate-x-1/2 group-hover:scale-110 group-hover:bg-blue-200">
       <p class="group-hover:text-white">some text</p>
       </div>
</div>

我做错了什么吗？ here's a codepen of it in action

Answer 1

参见 documentation group-hover 为一些不包括 transform 的核心插件启用。

因此，为了也支持 transform，您必须在 tailwind.config.js 中为其启用 group-hover 变体，如在文档中解释。