Generateur d'ombres

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

Presets

Offset X: 0px

Offset Y: 8px

Blur: 24px

Spread: 0px

Opacity: 30%

Color & Options

Inset

Show Tailwind

CSS

box-shadow: 0px 8px 24px 0px rgba(168, 85, 247, 0.30);

Tailwind CSS

<div class="shadow-[0px_8px_24px_0px_rgba(168,85,247,0.30)]">
  ...
</div>

Explorer d'autres Goodies

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

Voir tous les Goodies

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

Generateur Clip-Path

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

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 ->

Layout

Previsualisation border-radius

Visualisez et ajustez des valeurs complexes de border-radius sur un apercu en direct.

Try it ->

Voir tous les Goodies