• Anahtar kare (keyframe) tanımlama 24. Her @keyframes kuralı, anahtar karelerin yüzdelerini ve bu karelerdeki stilleri içeren bir bloktan oluşur 24. Anahtar kareler, animasyonun hangi aşamasında hangi CSS özelliklerinin hangi değerleri alması gerektiğini belirtir 5.
• Zamanlama 3. Stil değişiminin ne zaman gerçekleşeceğini yüzde olarak veya %0 ve %100 ile aynı olan "from" ve "to" anahtar kelimeleriyle belirtebilirsiniz 4. %0, animasyonun başlangıcını, %100 ise animasyonun tamamlandığını ifade eder 4.
• Uygulama 3. Anahtar kareler, animation özelliği ile animasyon zaman çizelgesine bağlanır 3.

@keyframes mymove {
  from { top: 0px; }
  to { top: 200px; }
}
Kopyala