Preview
Output CSS
clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
Klip Path Controls
Wangun dhasar
Wangun Properties
0%
0%
100%
100%
Animation
0s
Presets
Rectangle
Circle
Ellipse
Triangle
Diamond
Pentagon
Hexagon
Heart
Carane Gunakake
Kontrol dhasar
- Pilih wangun dhasar saka panel Pilihan Bentuk
- Setel paramèter wangun nggunakake panggeser kisaran
- Seret titik kontrol ing pratinjau kanggo mbentuk maneh path klip
- Nambah titik menyang wangun khusus nggunakake mode Tambah Points
Fitur Lanjut
- Simpen lan mbukak prasetel kanggo akses cepet menyang wangun favorit
- Animasikan jalur klip kanthi durasi, easing, lan iterasi khusus
- Salin kode CSS sing digawe banjur tempel menyang proyek sampeyan
- Ganti mode peteng kanggo ngrancang ing wayah wengi sing nyaman
Related Tools
Nggawe Transformasi CSS3 kanthi Gampang
Alat sing kuat lan intuisi kanggo nggawe transformasi CSS3 sing kompleks tanpa nulis kode. Visualisasi owah-owahan ing wektu nyata lan salin CSS sing digawe kanggo digunakake ing proyek sampeyan.
Generator Transisi CSS3
Transisi opacity lancar
Kurang kanggo Konverter CSS
Ganti kode Kurang dadi CSS. Cepet, gampang, lan aman.
Hex kanggo Octal
Ngonversi nomer heksadesimal dadi oktal kanthi gampang
ASCII kanggo Binary
Ngonversi karakter ASCII menyang kode binar kanthi gampang
Nggawe Transformasi CSS3 kanthi Gampang
Alat sing kuat lan intuisi kanggo nggawe transformasi CSS3 sing kompleks tanpa nulis kode. Visualisasi owah-owahan ing wektu nyata lan salin CSS sing digawe kanggo digunakake ing proyek sampeyan.