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 de Border Radius

Controla visualmente el redondeo de esquinas y copia el CSS.

Generador de degradados

Crea degradados CSS visualmente con vista previa en vivo.

Generador de Box Shadow

Crea sombras CSS de forma visual con vista previa en tiempo real.

Generador de text-shadow

Crea efectos CSS text-shadow con vista previa en vivo.

Dividir PDF

Divide un archivo PDF en paginas individuales o rangos de paginas.

Video a WebM

Convert MP4, MOV, and other video formats to WebM directly in your browser.

Generador de Contraseñas

Genera contraseñas aleatorias seguras.

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.