Voltar

Design e Recursos

Gerador de Shadow Paleta

Gerar a 5-step CSS shadow scale.

Categoria

Design e Recursos

Tags

shadowdesign tokenscssui
Mais de Design e Recursos
Entrada

Gerador de Shadow Paleta

shadowdesign tokenscssui
Saída

Generated shadow Paleta

:root {
  --shadow-1: 0 2px 6px rgba(15, 23, 42, 0.063);
  --shadow-2: 0 4px 12px rgba(15, 23, 42, 0.090);
  --shadow-3: 0 6px 18px rgba(15, 23, 42, 0.117);
  --shadow-4: 0 8px 24px rgba(15, 23, 42, 0.144);
  --shadow-5: 0 10px 30px rgba(15, 23, 42, 0.180);
}