小编Coc*_*lea的帖子

tailwindcss group-hover 不适用于转换

是否可以将转换与组悬停伪选择器一起使用?我可以让组悬停来处理不转换的事情,例如文本颜色,但在执行诸如 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>
Run Code Online (Sandbox Code Playgroud)

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

tailwind-css

2
推荐指数
1
解决办法
6591
查看次数

标签 统计

tailwind-css ×1