Textfarbe mit Tailwind ändern bei hover Aktivität

👉 Jetzt bei Amazon nach deinem nächsten Gaming PCs stöbern (Affiliate-Link – ich erhalte eine kleine Provision, für dich bleibt der Preis gleich)

Möchte man bei einem Element z.B. die Textfarbe ändern, sobald die Maus über das Element fährt, kann man dies mit der :hover Pseudoklasse erreichen. Ein einfaches Beispiel dafür könnte so aussehen:

<div class="hover:text-red-700">
  <p>Change me on hover activity</p>
</div>Code-Sprache: HTML, XML (xml)

Sobald der User mit der Maus über den Text fährt, wird der Text in dunklerem Rot angezeigt.