Generator radijusa granice

Alat za generiranje CSS-a s radijusom granice za brzo generiranje CSS deklaracija radijusa granice.

Preview

Preview image

CSS izlaz

clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);

Kontrole putanje isječka

Osnovni oblici

Svojstva oblika

0%
0%
100%
100%

Animation

0s

Presets

Rectangle

Circle

Ellipse

Triangle

Diamond

Pentagon

Hexagon

Heart

Kako koristiti

Osnovne kontrole

  • Odabir osnovnog oblika na ploči Odabir oblika
  • Podešavanje parametara oblika pomoću klizača raspona
  • Povucite kontrolne točke na pregledu za promjenu oblika putanje isječka
  • Dodavanje točaka prilagođenim oblicima pomoću načina dodavanja točaka

Napredne značajke

  • Spremite i učitajte unaprijed postavljene postavke za brzi pristup omiljenim oblicima
  • Animirajte svoje putanje isječka s prilagođenim trajanjem, popuštanjem i iteracijama
  • Kopirajte generirani CSS kod i zalijepite ga u svoj projekt
  • Uključite tamni način rada za ugodno kasnonoćno dizajniranje

Related Tools