Penjana Easing Cubic Bezier

Seret dua titik kawalan untuk mereka lengkung easing tersuai dengan pratonton animasi langsung yang menunjukkan gerakan sebenar, lengkap dengan preset biasa (Ease, Ease In, Ease Out, Material Standard), kemudian salin nilai CSS cubic-bezier yang tepat.

Alat Reka Bentuk dan CSS Berjalan sepenuhnya dalam pelayar anda

Semua pemprosesan berlaku pada peranti anda — tiada apa-apa dihantar ke pelayan.

Seret mana-mana titik untuk membentuk lengkung easing

Pratetap

Kod CSS

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

Teruskan dengan

Sepenuhnya tempatan

Penjana Animasi Keyframe CSS

Reka animasi CSS secara visual (fade, slide, zoom, bounce, rotate, flip) dan dapatkan kod @keyframes yang sedia digunakan.

Alat Reka Bentuk dan CSSBuka alat

Sepenuhnya tempatan

Penjana Clip-Path CSS

Pilih bentuk sedia ada (bulatan, segi tiga, bintang, gelembung mesej...) dan salin kod CSS clip-path.

Alat Reka Bentuk dan CSSBuka alat

Sepenuhnya tempatan

Penjana CSS Grid & Flexbox

Reka susun atur Grid atau Flexbox secara visual dengan pratonton langsung dan salin kod CSS yang sedia digunakan.

Alat Reka Bentuk dan CSSBuka alat

Sepenuhnya tempatan

Penjana Box Shadow CSS

Reka bayang-bayang box-shadow CSS secara visual menggunakan slider dan salin kod yang dijana.

Alat Reka Bentuk dan CSSBuka alat

Alat berkaitan

Sepenuhnya tempatan

Penjana Glassmorphism CSS

Reka kesan kad kaca kabur (frosted-glass) secara visual dan salin kod CSS yang sedia digunakan.

Alat Reka Bentuk dan CSSBuka alat

Sepenuhnya tempatan

Penjana CSS Grid & Flexbox

Reka susun atur Grid atau Flexbox secara visual dengan pratonton langsung dan salin kod CSS yang sedia digunakan.

Alat Reka Bentuk dan CSSBuka alat

Sepenuhnya tempatan

Penukar Teks ke Tulisan Tangan

Tukar teks yang ditaip menjadi imej yang kelihatan seperti tulisan tangan pada kertas bergaris, dalam pelbagai gaya tulisan.

Alat Reka Bentuk dan CSSBuka alat

Sepenuhnya tempatan

Penjana Blob & Corak Latar Belakang SVG

Jana bentuk blob organik rawak atau corak latar belakang berulang tanpa sambungan sebagai SVG, dan salin atau muat turun.

Alat Reka Bentuk dan CSSBuka alat

Sepenuhnya tempatan

Penjana Animasi Keyframe CSS

Reka animasi CSS secara visual (fade, slide, zoom, bounce, rotate, flip) dan dapatkan kod @keyframes yang sedia digunakan.

Alat Reka Bentuk dan CSSBuka alat

Ingin mencuba Uddatak?

Layari perpustakaan alat yang lengkap dan mula gunakan apa yang anda perlukan sekarang — percuma, tanpa pendaftaran.

Lihat semua alat