Visualizer Fungsi Easing

Klik kartu mana pun untuk menyalin nilai CSS cubic-bezier() atau kode fungsi TypeScript ke clipboard. Arahkan kursor untuk melihat pratinjau animasi.

easeInSine

easeOutSine

easeInOutSine

easeInQuad

easeOutQuad

easeInOutQuad

easeInCubic

easeOutCubic

easeInOutCubic

easeInQuart

easeOutQuart

easeInOutQuart

easeInQuint

easeOutQuint

easeInOutQuint

easeInExpo

easeOutExpo

easeInOutExpo

easeInCirc

easeOutCirc

easeInOutCirc

easeInBack

easeOutBack

easeInOutBack

easeInElastic

easeOutElastic

easeInOutElastic

easeInBounce

easeOutBounce

easeInOutBounce

Tentang & FAQ

Tentang: Visualisasikan dan bandingkan 30 fungsi easing — kurva interaktif, animasi hover, salin CSS cubic-bezier() atau kode TypeScript dengan satu klik. Semua pemrosesan dilakukan secara lokal di browser Anda menggunakan JavaScript native — tidak ada data yang dikirim ke server mana pun. Bekerja sepenuhnya offline sebagai PWA.

Pertanyaan yang Sering Diajukan

Fungsi easing apa saja yang disertakan?

Alat ini memvisualisasikan 30 fungsi easing standar dalam 10 kategori: Sine, Quad, Cubic, Quart, Quint, Expo, Circ, Back, Elastic, dan Bounce. Setiap kategori memiliki tiga varian: easeIn (mulai lambat), easeOut (akhir lambat), dan easeInOut (mulai dan akhir lambat).

Bisakah saya menyalin nilai CSS cubic-bezier()?

Ya. Klik kartu mana pun untuk menyalin nilai CSS cubic-bezier() ke clipboard. Untuk fungsi Elastic dan Bounce — yang tidak dapat direpresentasikan sebagai cubic-bezier — kode fungsi TypeScript akan disalin sebagai gantinya.

Apakah alat ini berfungsi offline?

2Kit adalah PWA. Setelah kunjungan pertama, alat ini berfungsi sepenuhnya secara offline.

Apakah data dikirim ke server?

Tidak. Semua rendering kurva dan animasi berjalan sepenuhnya di browser Anda menggunakan HTML Canvas API. Tidak ada yang diunggah atau ditransmisikan.

Implementasi Teknis

Semua pemrosesan berjalan sepenuhnya di browser Anda — tidak ada data yang pernah dikirim ke server mana pun. Alat ini bekerja sepenuhnya offline sebagai Aplikasi Web Progresif (PWA): setelah kunjungan pertama, semua halaman dan aset di-cache oleh Service Worker dan tetap tersedia tanpa koneksi internet. Data masukan Anda tidak pernah meninggalkan perangkat Anda, menjadikannya aman untuk konten sensitif termasuk kunci API, kata sandi, konfigurasi pribadi, dan dokumen rahasia.

▸ Indeks situs

English json-formatter html-formatter css-formatter base64 url-codec password-gen hash-generator text-diff text-transform color-converter easing-functions

Deutsch json-formatter html-formatter css-formatter base64 url-codec password-gen hash-generator text-diff text-transform color-converter easing-functions

Español json-formatter html-formatter css-formatter base64 url-codec password-gen hash-generator text-diff text-transform color-converter easing-functions

Français json-formatter html-formatter css-formatter base64 url-codec password-gen hash-generator text-diff text-transform color-converter easing-functions

Indonesia json-formatter html-formatter css-formatter base64 url-codec password-gen hash-generator text-diff text-transform color-converter easing-functions

Italiano json-formatter html-formatter css-formatter base64 url-codec password-gen hash-generator text-diff text-transform color-converter easing-functions

日本語 json-formatter html-formatter css-formatter base64 url-codec password-gen hash-generator text-diff text-transform color-converter easing-functions

한국어 json-formatter html-formatter css-formatter base64 url-codec password-gen hash-generator text-diff text-transform color-converter easing-functions

Nederlands json-formatter html-formatter css-formatter base64 url-codec password-gen hash-generator text-diff text-transform color-converter easing-functions

Polski json-formatter html-formatter css-formatter base64 url-codec password-gen hash-generator text-diff text-transform color-converter easing-functions

Português json-formatter html-formatter css-formatter base64 url-codec password-gen hash-generator text-diff text-transform color-converter easing-functions

Русский json-formatter html-formatter css-formatter base64 url-codec password-gen hash-generator text-diff text-transform color-converter easing-functions

Türkçe json-formatter html-formatter css-formatter base64 url-codec password-gen hash-generator text-diff text-transform color-converter easing-functions

Tiếng Việt json-formatter html-formatter css-formatter base64 url-codec password-gen hash-generator text-diff text-transform color-converter easing-functions

中文 json-formatter html-formatter css-formatter base64 url-codec password-gen hash-generator text-diff text-transform color-converter easing-functions