Gerador de Clip Path CSS

Crie formas personalizadas com clip-path CSS usando editor visual interativo

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%);
}

Continue explorando

Ferramentas que combinam com o que você está usando:

Crie bordas arredondadas com controle individual de cada canto

Crie sombras CSS com preview visual em tempo real

Gostou desta ferramenta? Explore mais!