“Transisi CSS” Kode Jawaban

Transisi CSS

<input class = "spin" type="image" src="(IMAGE URL)" width="42" height="42" alt="a" title"Transform 360 deg. image!">

<style>
.spin:hover {
height: 60px;
width: 60px;
transition: .5s;
transform: rotate(360deg);
}
</style>

<!-- You can remove the height and width elements in the CSS style tag if you wish. -->
ayaan

Transisi CSS

#content #nav a:hover {
    color: black;
    background-color: #AD310B;
    /* Firefox */
    -moz-transition: all 1s ease-in;
    /* WebKit */
    -webkit-transition: all 1s ease-in;
    /* Opera */
    -o-transition: all 1s ease-in;
    /* Standard */
    transition: all 1s ease-in;
}
Joyous Jackal

transisi

#fadeout{
  opacity: 0;
  transition: opacity 2s linear;
}

#fadein{
  opacity: 1;
  transition: opacity 2s linear;
}
Norman

transisi

  -webkit-transition: all 0.5s 0s ease;
  -moz-transition: all 0.5s 0s ease;
  -o-transition: all 0.5s 0s ease;
  transition: all 0.5s 0s ease;
Code Cat

CSS mengubah transisi

.selector {
  transition: transform 1s;
}
TC5550

Detail Transisi CSS

details[open] summary ~ * {
  animation: sweep .5s ease-in-out;
}

@keyframes sweep {
  0%    {opacity: 0; transform: translateX(-10px)}
  100%  {opacity: 1; transform: translateX(0)}
}
GutoTrosla

Jawaban yang mirip dengan “Transisi CSS”

Pertanyaan yang mirip dengan “Transisi CSS”

Lebih banyak jawaban terkait untuk “Transisi CSS” di CSS

Jelajahi jawaban kode populer menurut bahasa

Jelajahi bahasa kode lainnya