问我想要将卡悬停到动画中，用于图像，使用css顺风，但它不工作
EN

Stack Overflow用户

提问于 2022-11-18 07:50:02

回答 1查看 24关注 0票数 1

<html>

<body>
  <div class="group card my-14 mx-3 w-80 h-100 bg-gray-800 rounded-xl text-white p-5 cursor-pointer">
    <div class=" flex justify-between items-center text-2xl ">
      <i class='bx bx-heart'></i>
      <i class='bx bx-cart-alt'></i>
    </div>
    <div class="w-11/12 ml-2.5 group-hover:text-white group-hover:-rotate-20">
      <img class="object-cover w-full h-full" src="./Images/Jordan.png" id="bannerImage" alt="">
    </div>
    <div class="text-center uppercase text-xl text-green-600">
      Jordan 1 <br>
      $299
    </div>

  </div>
</body>

</html>

解释为什么基于父状态的样式不起作用。...

hover

tailwind-css

group

css

animation

回答 1

Stack Overflow用户

发布于 2022-11-18 09:00:09

顺风没有-rotate-20实用程序班级。将其更改为已知值之一或使用武断值，如group-hover:-rotate-[20deg]

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/74486438

复制

相似问题

问我想要将卡悬停到动画中，用于图像，使用css顺风，但它不工作
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问我想要将卡悬停到动画中，用于图像，使用css顺风，但它不工作EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问我想要将卡悬停到动画中，用于图像，使用css顺风，但它不工作
EN