Generátor poloměrů okrajů

Nástroj pro generování CSS s poloměrem ohraničení pro rychlé generování deklarací CSS s poloměrem ohraničení.

Preview

Preview image

CSS Výstup

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

Cesta klipu Ovládací prvky

Základní tvary

Vlastnosti tvaru Odebrat

0%
0%
100%
100%

Animation

0s

Presets

Rectangle

Circle

Ellipse

Triangle

Diamond

Pentagon

Hexagon

Heart

uložení Jak používat

základní ovládací prvky

  • Výběr základního tvar z panelu
  • Úprava parametrů tvaru pomocí posuvníků
  • Přetažením řídicích bodů v náhledu změňte tvar cesty
  • Přidejte body k vlastním tvarům pomocí režimu

Pokročilé funkce

  • Ukládání a načítání přednastavení pro rychlý přístup k oblíbeným tvarům
  • Animujte cesty klipu pomocí vlastní délky, usnadnění a iterací
  • Zkopírujte vygenerovaný kód CSS a vložte jej do projektu
  • Přepnutím tmavého režimu pro pohodlné navrhování

Related Tools