ToolPilot
Diseño

Generador de clip-path CSS

Crea clip-paths de polígono, círculo y otras formas con formas predefinidas y puntos editables.

Recorta elementos en triángulos, hexágonos, estrellas y polígonos personalizados. La vista previa en vivo se actualiza mientras editas la lista de puntos y el CSS está listo para pegar.

Cargando la herramienta…
Privacidad: Una utilidad de ToolPilot rápida y privada. Tus datos se procesan localmente en tu navegador siempre que sea posible.

Cómo

  1. 1Elige una forma predefinida o empieza con un polígono.
  2. 2Edita los puntos en el área de texto.
  3. 3Copia el CSS de clip-path.

Preguntas frecuentes

¿Puedo animar clip-path?

Sí. Los navegadores pueden hacer transiciones entre formas de polígono compatibles con el mismo número de puntos.

¿Se suben mis archivos a un servidor?

No. Esta herramienta se ejecuta por completo en tu navegador con JavaScript y WebAssembly cuando es necesario. Tus archivos y tu texto nunca salen de tu dispositivo.

Ayúdanos a mejorar

Mejoramos nuestras herramientas con regularidad. ¿Encontraste un problema o tienes una sugerencia? Te escuchamos.

Herramientas relacionadas

🎨

Selector de color + HEX/RGB/HSL

🎯

Convertidor HEX / RGB / HSL

🌈

Generador de paletas

🌊

Generador de degradados CSS