CSS Animation | Developer Tools

Ciptakan animasi CSS tanpa coding, mudah dan cepat. Pilih preset dan atur parameter

Preset Animasi

duration

delay

timingFunction

iterationCount

direction

fillMode

playState

Preview

Hasil CSS

.selector {
  animation-name: fadeIn;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-delay: 0s;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-fill-mode: forwards;
  animation-play-state: running;
}

@keyframes fadeIn {
  0% { opacity: 0; } 100% { opacity: 1; }
}