İçeriğe geç
LibraryCSS
Dönüşüm ve animasyon

CSS animation özelliği

`@keyframes` ile tanımlanan bir kare dizisini elemana uygular. Süre, tekrar, yön ve dolgu davranışını tek satırda toplar.

Katalogdaki 4.137 efekt bu özelliği kullanıyor.

Sözdizimi

animation: <ad> <süre> <hız-eğrisi> <gecikme> <tekrar> <yön> <dolgu>;

Dikkat

`forwards` yazılmazsa animasyon bitince eleman ilk haline geri döner. Girişte beliren ve öyle kalması gereken öğelerde bu değer şarttır.

Sık kullanılan değerler

pulse 2s ease-in-out infinite
Sonsuz nabız
slide .4s ease forwards
Bitişte son karede kalır

animation kullanan efektler

Tüm CSS özellikleri

Hepsi çalışan gerçek efektler. Kartın üzerine gel, kaynağını görmek için aç.

İlgili özellikler