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.

Visor de DPI de Imagen

Verifica los metadatos DPI de cualquier PNG o JPEG. Muestra la resolución de impresión almacenada.

Generador de UUID v1

Genera UUID v1 con marca de tiempo incorporada.

Extractor de fotogramas de video

Extrae fotogramas individuales de un video como imágenes PNG en cualquier intervalo, totalmente en tu navegador.

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.