tailwindcss group-hover 不适用于转换

Question

是否可以将转换与组悬停伪选择器一起使用？我可以让 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，您必须在 group-hover 中为其启用 tailwind.config.js 变体，如文档中所述。