Gerador de Clip-Path CSS
Crie formas CSS clip-path visualmente — círculos, elipses, polígonos e insets. Escolha presets ou personalize os pontos. Grátis, 100% no seu navegador.
50%
50%
50%
Referência
O que é clip-path?
A propriedade CSS clip-path define uma área de recorte que determina qual parte de um elemento é visível. Tudo fora dessa área é ocultado, sem afetar o layout.
Formas disponíveis
circle() — um círculo com raio e centro personalizáveis. ellipse() — uma elipse com raios horizontal e vertical. inset() — um retângulo com cantos opcionalmente arredondados. polygon() — uma forma livre definida por uma lista de coordenadas x/y.
Privacidade
Todo o processamento é executado 100% no seu navegador. Nenhum dado é enviado a servidores.