Editor Easing CSS

Bentuk kurva kecepatan animasi secara visual lalu salin CSS cubic-bezier-nya.

Pratinjau

P1 X

P1 Y

P2 X

P2 Y

CSS

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

Anda juga bisa menyeret pegangan P1 dan P2 untuk membentuknya sendiri.

animation

Bentuk sebuah kurva, tekan Jalankan, dan hasilnya terkumpul di sini.

Pertanyaan yang sering ditanyakan

Sesuaikan pembulatan tiap sudut dan dapatkan CSS border-radius-nya.

Bangun gradien dari dua warna atau lebih lalu salin CSS-nya.

Atur bayangan secara visual lalu salin CSS-nya.