Design et Ressources

Underline Link CSS Générateur

Générer animated underline link CSS.

Plus dans Design et Ressources

Entrée

Underline Link CSS Générateur

link hoverunderline animationcssnavigation

Sortie

Underline Link CSS Generator

.underline-link {
  position: relative;
  color: #0f172a;
  text-decoration: none;
  font-weight: 700;
}

.underline-link::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 100%;
  height: 2px;
  background: #38bdf8;
  transform-origin: left;
  transform: scaleX(0.15);
  transition: transform 0.3s ease;
}

.underline-link:hover::after {
  transform: scaleX(1);
}

Live preview

Live canvas

Outils similaires

Hamburger Button CSS Générateur

Générer CSS hamburger menu button styles.

Accordion CSS Générateur

Générer accordion panel CSS.

Avatar Stack CSS Générateur

Générer overlapping avatar stack CSS.

Baseline Grid Générateur

Générer baseline grid specs et CSS pour vertical rhythm.

Blob Shape CSS Générateur

Générer organic blob CSS shapes.

Border Radius Générateur

Générer border-radius CSS de corner values.