Anahtar kare, animasyonun belirli bir anda nasıl görünmesi gerektiğini işaretler. Web animasyonunda başlangıç ve bitiş için farklı görünümler ayarlayabilirsiniz. Tarayıcı bu noktalar arasındaki hareketi tamamlar.
Bir topun zıplayışını çizerken en üst ve en alt konumunu çizdiğinizi düşünün; aradaki çizimler hareketi oluşturur. CSS içindeki `@keyframes` kuralı bu anları, istenirse bir orta noktayı da kapsayacak şekilde tanımlar. Anahtar kareler gerçek çizimler olmak zorunda değildir; boyut, renk, konum veya başka görsel özelliklerdeki değişimleri belirtebilir.