Generador de formes CSS
Crea polígon, estrella, insignia, hexàgon i formes de chevrons amb la moderna geometria CSS.
S'executa al teu navegador. Els fitxers mai no surten del dispositiu. Mira com comprovar-ho
…
Com es fa
- 1Pas 1: obre Generador de formes CSS i introdueix les teves dades
Escriu els teus nombres o text, afegeix el fitxer o tria les opcions que necessites. No es puja res: tot es queda al teu navegador.
- 2Pas 2: què fa Generador de formes CSS
Crea polígon, estrella, insignia, hexàgon i formes de chevrons amb la moderna geometria CSS.
- 3Pas 3: llegeix el resultat i compara'l
El resultat apareix a l'instant. Canvia un valor per veure com varia la resposta i queda't amb la xifra que s'adapti al teu cas.
- 4Pas 4: copia'l o desa'l
Copia el resultat o descarrega'l. Per a una decisió important, confirma'l amb la font oficial o amb un assessor.
Sobre aquesta eina
Clip-path permet als desenvolupadors tallar elements HTML i imatges en polígonos geomètrics precisos i formes sense necessitat de màscares Photoshop o SVG. Seleccioneu entre les presets populars, inspecteu la màscara renderizada en temps real i copieu coordenades de polígons CSS purs preparats per a la producció.
Consells per obtenir el millor resultat
Abans de començar, dedica un moment a llegir les opcions i prova l'eina primer amb un exemple petit. Tot s'executa al navegador del teu dispositiu; res del que escrius o afegeixes es puja i tancar la pestanya ho esborra tot. Si alguna cosa no et sembla bé, recarrega la pàgina i torna-ho a provar, o fes servir l'enllaç d'informe d'aquesta pàgina per dir-nos què ha anat malament. Si un resultat continua semblant erroni, canvia un valor cada vegada per veure quin camp influeix més. Afegeix aquesta pàgina als preferits si la tornaràs a fer servir.
En resum
- Categoria: Imatges
- S'executa al navegador, sense registre, sense pujar res.
- La informació que introdueixes es queda al dispositiu.
- Disponible en molts idiomes.
- Contingut revisat per última vegada:
Preguntes freqüents
Què és CSS Clip-path?
The `clip-path` CSS property creates a clipping region that determines which parts of an element or image are visible.
Quines formes s'inclouen com a presets?
Els presets inclouen triangle, hexàgon, estrella de 5 punts, insignia d'estalvi del producte, capçalera de navegació i màscares circulars.
Puc gravar fotos i vídeos amb això?
Yes. Apply the generated clip-path CSS rule to any `<img>`, `<video>`, `<div>`, or card component in your stylesheet.
El camí de clip afecta els elements clicables?
En els navegadors moderns, només l'àrea visible i no tallada de l'element respon als esdeveniments d'homologació del punter i clic.