Gerador CSS de efeito argila
Este gerador CSS de efeito argila ajuda a criar blocos de interface suaves, com cantos arredondados e sombras em camadas com aparência de argila. Ajuste a cor de fundo, o tamanho da pré-visualização, o raio da borda, a direção da sombra, a profundidade, o desfoque e a opacidade, e copie o CSS gerado para usar no seu projeto.
Box
px
px
{{ radius }}px
Sombra
{{ depth }}px
{{ blur }}px
px
px
{{ blur }}px
{{ outerAlpha.toFixed(2) }}
{{ innerDarkAlpha.toFixed(2) }}
{{ innerLightAlpha.toFixed(2) }}
Visualizar
{{ width }} x {{ height }}px
Clay
CSS
Copied!