Générateur CSS effet argile

Ce générateur CSS effet argile permet de créer facilement des blocs d’interface doux, arrondis et dotés d’ombres superposées rappelant l’argile. Ajustez la couleur de fond, la taille d’aperçu, l’arrondi, la direction de l’ombre, la profondeur, le flou et l’opacité, puis copiez le CSS généré pour l’utiliser dans votre projet.

Box

px
px
{{ radius }}px

Ombre

{{ depth }}px
{{ blur }}px
px
px
{{ blur }}px
{{ outerAlpha.toFixed(2) }}
{{ innerDarkAlpha.toFixed(2) }}
{{ innerLightAlpha.toFixed(2) }}

Aperçu

{{ width }} x {{ height }}px
Clay

CSS

Copied!