tailwindcss group-hover 不适用于转换

Question

是否可以将转换与组悬停伪选择器一起使用？我可以让组悬停来处理不转换的事情，例如文本颜色，但在执行诸如 translate-x 或缩放之类的事情时，我无法让它工作。下面是一个例子。内部 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>

难道我做错了什么？这是它的实际代码笔

Answer 1

请参阅，根据文档 group-hover，启用了一些不包括transform.

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