“Garis Besar Animasi CSS” Kode Jawaban

teks menggarisbawahi hover css

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

Garis Besar Animasi CSS

.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

Tambahkan Garis Besar yang Memperluas pada Halaman Memuat CSS

#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

Jawaban yang mirip dengan “Garis Besar Animasi CSS”

Pertanyaan yang mirip dengan “Garis Besar Animasi CSS”

Lebih banyak jawaban terkait untuk “Garis Besar Animasi CSS” di CSS

Jelajahi jawaban kode populer menurut bahasa

Jelajahi bahasa kode lainnya