简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
L'animation de la carte de survol d'image à l'aide de CSS Tailwind ne fonctionne pas comme prévu.
P粉863295057
P粉863295057 2024-04-06 13:43:17
0
1
357

<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>
      9
    </div>

  </div>
</body>

</html>

Expliquez pourquoi les styles basés sur l'état parent ne fonctionnent pas. ......................................

P粉863295057
P粉863295057

répondre à tous(1)
P粉238433862
P粉2384338622024-04-07 12:19:22 1 plancher

Tailwind n'a pas -rotate-20 实用程序类。将其更改为已知之一或使用 任意 值，例如 group-hover:-rotate- [20deg]

Comme +0
Ajouter une réponse
Sujets populaires
Plus>
Articles populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！