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.

Generador de Estallidos SVG

Genera estallidos, rayos solares y destellos SVG con rayos, radio, puntiagudez, rotación y colores ajustables. Perfecto para insignias, banners de oferta y acentos decorativos.

Agregar borde a imagen

Agrega bordes personalizables a cualquier imagen con tamaño, color, estilo y esquinas redondeadas ajustables.

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.