Generateur Clip-Path

Creez des formes CSS clip-path visuellement. Deplacez les points, choisissez des presets et exportez polygon, circle, ellipse ou inset.

Shape Library

Shape EditorDouble-click to add / remove points

Preview

Points (3)

150%, 0%

2100%, 100%

30%, 100%

Show Tailwind

CSS

clip-path: polygon(50% 0%, 100% 100%, 0% 100%);

Tailwind CSS

<div class="[clip-path:polygon(50%_0%,_100%_100%,_0%_100%)]">
  ...
</div>

Explorer d'autres Goodies

D'autres outils gratuits par Eguth Studio qui pourraient vous plaire.

Voir tous les Goodies

Effects

Generateur d'ombres

Creez des ombres CSS avec un apercu en temps reel. Affinez chaque parametre.

Try it ->

Effects

Generateur d'effets glass

Generez des effets glassmorphism avec des controles de backdrop-blur, opacite et saturation.

Try it ->

Effects

Generateur d'effets texte

Creez des effets de texte — gradient, stroke, neon glow, ombre longue, retro 3D et emboss.

Try it ->

NewEffects

CSS Filter Playground

Combinez des filtres CSS visuellement — blur, luminosite, contraste, niveaux de gris, rotation de teinte, saturation, sepia et inversion avec apercu en temps reel.

Try it ->

NewEffects

Embellisseur de captures

Transformez vos captures d'écran en visuels percutants avec cadres navigateur, mockups appareil, fonds dégradés et export multi-format.

Try it ->

NewAnimation

Editeur Cubic-Bezier

Designez des courbes d'easing personnalisees visuellement avec un editeur bezier interactif. Previsualisation d'animations en temps reel et export CSS ou Tailwind.

Try it ->

Voir tous les Goodies