Générateur Clip Path

Créer des formes CSS avec clip-path

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

Continuez à explorer

Outils qui vont bien avec ce que vous utilisez :

Créer des bordures arrondies avec contrôle individuel pour chaque coin

Créer des ombres CSS avec aperçu visuel en temps réel

Vous avez aimé cet outil ? Explorez-en d'autres !