Editor de clip-path CSS
Edita puntos o márgenes y exporta un clip-path revisado.
- Funciona en tu navegador
- Sin subir archivos
- Revisa antes de descargar
Las entradas permanecen en esta pestaña; no se suben ni se guardan automáticamente. Los recuentos agregados de uso y los diagnósticos generales de procesamiento son opcionales y solo se envían con consentimiento, sin contenido ni nombres de archivo. Al borrar o cerrar se pierden las entradas; guarda antes los resultados necesarios.
Límites de recursos
Polígono porcentual: 3–32 puntos, X/Y 0–100. Cuatro márgenes 0–100%, sin caja invertida; radio 0–50%. Usa campos numéricos o flechas en los puntos. La vista previa es local y limitada: no garantiza el mismo resultado en todos los navegadores ni diseños. Lo que escribes no se ejecuta. El HTML y el CSS se descargan juntos. Límite: 8 segundos.
Cómo usarlo
- Configura el ejemplo
Elige polígono y edita X/Y con campos, arrastre o flechas. Añade o elimina puntos; inset ofrece cuatro bordes y esquinas. Genera para validar y ver.
- Revisa antes de usar
Las entradas permanecen en esta pestaña; no se suben ni se guardan automáticamente. Los recuentos agregados de uso y los diagnósticos generales de procesamiento son opcionales y solo se envían con consentimiento, sin contenido ni nombres de archivo. Al borrar o cerrar se pierden las entradas; guarda antes los resultados necesarios. Polígono porcentual: 3–32 puntos, X/Y 0–100. Cuatro márgenes 0–100%, sin caja invertida; radio 0–50%. Usa campos numéricos o flechas en los puntos. La vista previa es local y limitada: no garantiza el mismo resultado en todos los navegadores ni diseños. Lo que escribes no se ejecuta. El HTML y el CSS se descargan juntos. Límite: 8 segundos.
- Exporta el resultado revisado
Descargar resultado; Descargar original
Preguntas y límites
Límites de recursos
Polígono porcentual: 3–32 puntos, X/Y 0–100. Cuatro márgenes 0–100%, sin caja invertida; radio 0–50%. Usa campos numéricos o flechas en los puntos. La vista previa es local y limitada: no garantiza el mismo resultado en todos los navegadores ni diseños. Lo que escribes no se ejecuta. El HTML y el CSS se descargan juntos. Límite: 8 segundos.
Diseño sin conexión
Las entradas permanecen en esta pestaña; no se suben ni se guardan automáticamente. Los recuentos agregados de uso y los diagnósticos generales de procesamiento son opcionales y solo se envían con consentimiento, sin contenido ni nombres de archivo. Al borrar o cerrar se pierden las entradas; guarda antes los resultados necesarios.
Revisa antes de usar
Elige polígono y edita X/Y con campos, arrastre o flechas. Añade o elimina puntos; inset ofrece cuatro bordes y esquinas. Genera para validar y ver.