Show Menu
Cheatography
  1. Home >
  2. Programming >

CSS Animation Cheat Sheet (DRAFT) by

CSS Animation Cheat Sheet

This is a draft cheat sheet. It is a work in progress and is not finished yet.

Pembuatan Animasi

@keyframes nama-animasi {
  from {
    / Gaya awal elemen /
  }
  to {
    / Gaya akhir elemen /
  }
  0%{
  
  }
  100%{
  
   }
}
 

Properti

/ Atur animasi pada elemen /
selector {
  animation-name: nama-animasi;
  animation-duration: 1s;
  animation-delay: 1s;
  animation-timing-function: ease-in;
  animation-iteration-count: jumlah-ulang;
  animation-direction: arah;
  animation-fill-mode: mode-pengisian;
}