Forma
Rectángulo en ángulo
Salida
clip-path: polygon(...)
Herramientas de diseño
Clip Path CSS — Generador de formas
Genera formas CSS clip-path a partir de ajustes predefinidos y controles sencillos con una vista previa en vivo: útil para tarjetas en ángulo, insignias, recortes de imagen y maquetaciones decorativas.
CSSclip-pathForma
Añadir esta herramienta a favoritos
No se ha seleccionado un modo de almacenamiento de favoritos.
Acciones rápidas
Copia la URL de esta herramienta o abre la hoja de compartir del sistema en un dispositivo compatible.
设计配色
Clip Path CSS
Genera formas CSS clip-path a partir de ajustes predefinidos y controles sencillos con una vista previa en vivo: útil para tarjetas en ángulo, insignias, recortes de imagen y maquetaciones decorativas.
最终 CSS 属性
Casos de uso
- Crea tarjetas en ángulo o irregulares
- Recorta un área de visualización de imagen
- Crea formas geométricas decorativas
Cómo usar
- Elige una forma predefinida
- Ajusta los parámetros clave
- Previsualiza y copia el CSS
Entrada y salida de ejemplo
FAQ
¿Admite polygon?
Sí. Genera valores clip-path listos para CSS; muchos ajustes predefinidos se convierten en formas polygon(...).
¿Cómo es la compatibilidad con navegadores antiguos?
clip-path funciona bien en navegadores modernos. Proporciona un respaldo sin recorte si debes admitir entornos muy antiguos.
Herramientas
Herramientas relacionadas
Continúa con otra herramienta traducida para una tarea cercana.
Generador de triángulos CSS
Generador de triángulos CSS con vista previa en vivo
Elige una dirección, tamaño y color para generar un triángulo CSS puro con bordes, con vista previa en vivo y código copiable.
CSS Triángulo Forma
Visualizador de path SVG
Visualizador de path SVG — Depura comandos d
Pega una cadena larga de path d="M10 20 L... Z" o una etiqueta path completa para visualizarla sobre una cuadrícula e inspeccionar la longitud y el recuento de comandos mientras depuras iconos.
Diseño SVG Ruta