Generátor CSS clip-path
Vytvářejte tvary CSS clip-path vizuálně s interaktivními ovládacími prvky.
-webkit-clip-path: polygon(50% 5%, 92.8% 36.1%, 76.5% 86.4%, 23.5% 86.4%, 7.2% 36.1%); clip-path: polygon(50% 5%, 92.8% 36.1%, 76.5% 86.4%, 23.5% 86.4%, 7.2% 36.1%);
O generátoru CSS clip-path
Vlastnost CSS clip-path umožňuje oříznout prvek na vlastní tvar. Tento nástroj vám umožní navrhovat tvary clip-path vizuálně a okamžitě generuje CSS kód.
Jak používat
Vyberte typ tvaru, upravte ovládací prvky pro přizpůsobení clip path, poté zkopírujte vygenerované CSS a vložte je do svého stylu.
Běžné případy použití
- Vytváření jedinečných masek obrázků a tvarů hero sekcí
- Sestavení diagonálních oddělovačů mezi sekcemi stránky
- Navrhování vlastních tvarů tlačítek
- Vytváření avatarů nebo miniatur ve tvaru polygonu
- Animování přechodů clip-path pro kreativní efekty