Vytvorenie tlačidla s efektom hover

Úvod

Tlačidlá s vizuálnymi efektmi zlepšujú používateľskú skúsenosť. Naučíme sa vytvoriť tlačidlo s efektným hover efektom.

1. HTML tlačidlo

 <button class="efekt-tlacidlo">Klikni na mňa</button> 

2. CSS štýl tlačidla

 .efekt-tlacidlo { padding: 12px 24px; font-size: 16px; border: none; border-radius: 8px; background-color: #2196f3; color: white; cursor: pointer; transition: background-color 0.3s, transform 0.2s; }

.efekt-tlacidlo:hover {
background-color: #1976d2;
transform: scale(1.05);
}

Záver

Tento efekt je jednoduchý, ale výrazne zlepšuje vzhľad a interaktivitu tlačidla na webstránke.