Her er en populær CSS-snippet til en glidende hover-effekt på en knap, som ofte bruges i moderne webdesign

/* Smooth Button Hover Effect */
.button {
  background-color: #3498db;
  color: white;
  padding: 12px 24px;
  font-size: 16px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.button:hover {
  background-color: #2980b9;
  transform: scale(1.05);
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.2);
}

Tilføj class knap til dine HTML-knap- eller anchor-elementer:

<button class="button">Klik her</button>

Eksempel:

Klik her

Denne snippet blev indsendt af webixaps.com

---