Generador de Clip Path CSS

Crea formas personalizadas con clip-path CSS usando editor visual interactivo

Forma

Raio50%

Centro X50%

Centro Y50%

CSS

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

Código Completo

.element {
  clip-path: circle(50% at 50% 50%);
}

Sigue explorando

Herramientas que combinan con lo que estás usando:

Crea bordes redondeados con control individual de cada esquina

Crea sombras CSS con vista previa visual en tiempo real

¿Te gustó esta herramienta? ¡Explora más!