chevron_right

Generador CSS Clip-Path

Genera formas CSS clip-path con vista previa en vivo.

Forma

CircleEllipseInsetTriangleHexagonDiamondPentagonStarArrow

Parámetros

Radius: 50

Center X: 50

Center Y: 50

CSS generado

clip-path: circle(50% at 50% 50%);

Herramientas similares

Generador CSS Grid

Crea diseños CSS Grid responsivos con vista previa en vivo y código listo para copiar.

Generador de Keyframes CSS

Crea keyframes CSS personalizados de forma visual con vista previa en vivo y código listo para copiar.

Generador de animaciones CSS

Crea animaciones CSS reutilizables con vista previa de movimiento y keyframes listos para copiar.

Generador de Texto Degradado CSS

Crea estilos de texto con degradado mediante controles visuales, vista previa en vivo y CSS listo para copiar.

Desvanecer audio entrada/salida

Anade efectos suaves de entrada y salida a cualquier archivo de audio en tu navegador.

Generador de tablas HTML

Genera código de tabla HTML a partir de filas simples separadas por comas.

Convertidor Unicode

Convierte texto normal en secuencias de escape Unicode.

apps

Mas herramientas

Explora nuestra coleccion completa de herramientas gratuitas en linea.

Da forma a elementos visualmente sin dibujar puntos a mano

clip-path permite crear recortes y siluetas muy llamativas, pero editar polígonos a mano rara vez resulta cómodo. Este generador te ayuda a probar formas comunes visualmente y copiar el CSS cuando la silueta encaja.

Cuándo resulta más útil

Va muy bien para máscaras de imagen, tarjetas con formas poco habituales y tratamientos decorativos de secciones. Antes de dar el CSS por definitivo, conviene comprobar cómo se comporta la forma con texto, imágenes y tamaños de pantalla distintos.