CLR / 04 · Ferramentas de cor
Gerador de sombras CSS
Deslocamento, desfoque, expansão e cor, pré-visualizados num cartão real enquanto ajustas.
Gerador de box-shadow
2 na pilha, num cartão a sério
Um cartão
A sombra por baixo deste cartão é a declaração acima, aplicada a este elemento. Não há nada a desenhar uma imitação dela.
CSS
box-shadow: 0 10px 30px -6px rgb(0 0 0 / 45%), 0 4px 6px -4px rgb(0 0 0 / 30%);
As cores são indicadas em hexadecimal, com três ou seis dígitos, e a opacidade tem o seu próprio cursor. Os comprimentos são em pixels, e uma expansão de zero é omitida porque não diz nada.
Apoie-nos 💚Ajude a manter o ToolZool gratuito
Graças a ti,
o ToolZool continua grátis
As ferramentas poderosas devem ser grátis para toda a gente. Eis como isso é pago — tudo, sem deixar nada de fora.
Oferece um café ao ZoolyApoio direto que mantém as luzes acesas e as ferramentas novas a chegar. Totalmente opcional.Apoiar o Zooly →
Escolhas recomendadasFerramentas pagas que terminam trabalhos que um navegador não consegue. Hoje, nada nessa página nos rende dinheiro.Ver as recomendações →
Anúncios, com respeitoOs espaços identificados ficam fora da área de trabalho, por isso nunca se metem entre ti e o teu resultado.Ler a política de anúncios →
És fantásticoCada visita, partilha e palavra simpática ajuda o ToolZool a crescer e a chegar a mais gente.
