顺风css-悬停时为另一个元素设置动画

在使用tailwind css转换网站的过程中。 我有一个悬停的元素，为它的子元素设置动画。 我正在努力了解如何使用tailwind css实现这一点

下面是使用基本CSS的代码

.cont:hover .hoverme{
  animation: hoverwave;
  animation-duration: .5s;
  animation-direction: normal;
  animation-fill-mode: forwards;
}
@keyframes hoverwave {
  0%{transform: scale(1,1);}
  100%{transform: scale(1.2,1.2);}
}

////////////////
///////////////

在悬停container.cont的同时，class.hoverme设置动画

---

谢谢

HOVERME

与

HOVERME

不同，CSS类区分大小写。更改CSS或HTML，使它们具有相同的大小写。

像这样为悬停的元素指定group类。

<div class="group">
  <p class="group-hover:text-gray-900">afected element</p>
</div>

受影响的元素

您好，您能同时包含您的HTML吗？谢谢，抱歉。我想我可能需要扩展tailwind.config.js中的某些内容。。。但我不知道我在做什么。。。上面的代码工作得很好。我正在寻找一个关于如何使用TAILWIND CSS编写代码的答案。我很抱歉-我以为您将上面的代码作为TAILWIND的一个示例。我要退出。很抱歉，我帮不上忙了。谢谢John，但是添加了HOVERME以使班级在上面脱颖而出，但是vie改变了它。悬停正在工作，但我需要知道的是如何使用tailwind css实现这一点。

<div class="group">
  <p class="group-hover:text-gray-900">afected element</p>
</div>