1. 01Escolha sombra de caixa, neumorfismo ou vidro fosco.
2. 02Na sombra de caixa, adicione quantas camadas quiser, selecione uma e mexa em X/Y, desfoque, expansão, opacidade, cor e sombra interna.
3. 03No neumorfismo, escolha a cor de fundo e relevo ou rebaixo, e ajuste distância, desfoque e intensidade de claro/escuro.
4. 04No vidro fosco, defina tonalidade, transparência do fundo, desfoque e transparência da borda; copie o CSS atualizado embaixo.

• Na sombra de caixa, X/Y vão de −100 a 100 px, o desfoque de 0–200 px, a expansão de −50 a 50 px e a opacidade de 0–100%; pelo menos uma camada sempre fica.
• No neumorfismo, a distância é 2–50 px, o desfoque 0–100 px e a intensidade 5–30%; as cores clara e escura vêm de escurecer e clarear o fundo com colord.
• No vidro fosco, o desfoque é 0–40 px e a transparência do fundo e da borda 0–100%; o código gera a propriedade padrão e também -webkit-backdrop-filter.
• A prévia mostra só o efeito CSS do navegador; na página real entram em jogo o fundo do elemento pai, o empilhamento, o desempenho e o suporte do navegador.
• O que ele não faz: não exporta imagem, não cria sombras SVG complexas e não escreve na folha de estilo do seu projeto.

Todos os parâmetros e o CSS são calculados apenas na página atual do navegador; nada é enviado nem armazenado.