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

animation

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

Katalogdaki 3.494 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

Katalogda ara

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

İlgili özellikler