“Unterstreichen Sie die CSS -Animation” Code-Antworten

Text unterstreichen Hover -CSS

a:hover {
  text-decoration: underline;
}
Giamblers

Unterstreichen Sie die CSS -Animation

.hover-underline-animation {
  display: inline-block;
  position: relative;
  color: #0087ca;
}

.hover-underline-animation:after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #0087ca;
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
}

.hover-underline-animation:hover:after {
  transform: scaleX(1);
  transform-origin: bottom left;
}
Repulsive Rhinoceros

Fügen Sie expandierende Unterstreichung auf der Seite Lade CSS hinzu

#sec {
  display: inline-block;
  position: relative;
  padding-bottom: 3px;
}
#sec:after {
  content: '';
  display: block;
  margin: auto;
  height: 3px;
  width: 0px;
  background: transparent;
  transition: width .5s ease, background-color .5s ease;
}
#sec:hover:after {
  width: 100%;
  background: blue;
}
Clever Copperhead

Ähnliche Antworten wie “Unterstreichen Sie die CSS -Animation”

Fragen ähnlich wie “Unterstreichen Sie die CSS -Animation”

Weitere verwandte Antworten zu “Unterstreichen Sie die CSS -Animation” auf CSS

Durchsuchen Sie beliebte Code-Antworten nach Sprache

Durchsuchen Sie andere Codesprachen