DevTools Logo
DevTools

Gerador de Clip-Path CSS

Crie formas geométricas personalizadas para CSS usando propriedades de polígono. Arraste os pontos para modelar livremente.

123

ℹ️ Arraste os pontos numerados na tela para desenhar seu polígono. Você também pode adicionar novos pontos ou escolher um formato pronto abaixo.

Formatos Predefinidos

Código CSS
clip-path: polygon(50% 0%, 100% 100%, 0% 100%);
Classe Tailwind
[clip-path:polygon(50%_0%,_100%_100%,_0%_100%)]

Coordenadas dos Pontos (%)

#1
X:%
Y:%
#2
X:%
Y:%
#3
X:%
Y:%

Fundo do Preview