Bunu nasıl kullanırım?

İki tutamacı, P1 ve P2'yi sürükleyin, veya bir hazır ayardan başlayın. Hareketini izlemek için Oynat'a, sonra listeye eklemek için Çalıştır'a basın.

Bir animasyonun nasıl hızlanıp yavaşladığına karar veren eğri. Doğrudan bir transition veya animation timing-function'a bırakın.

CSS'i nasıl alırım?

CSS kutusundaki veya kaydedilmiş herhangi bir eğrideki kopyala düğmesine basın, timing-function kuralı panonuza gider.

CSS Yumuşatma Düzenleyici

Bir animasyonun hız eğrisini göz kararı şekillendirin, cubic-bezier CSS'ini kopyalayın.

Önizleme

P1 X

P1 Y

P2 X

P2 Y

CSS

transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);

Onu kendiniz şekillendirmek için P1 ve P2 tutamaçlarını da sürükleyebilirsiniz.

Bir eğri şekillendirin, Çalıştır'a basın, burada birikir.