Úteis — Tudo o que você precisa, em um só lugar.

Gerador de box-shadow

Crie sombras CSS com várias camadas, sombras internas, desfoque, expansão e opacidade, vendo o resultado ao vivo.

Como utilizar

  1. Ajuste deslocamento, desfoque, expansão, cor e opacidade.
  2. Adicione camadas para sombras mais naturais.
  3. Copie o CSS.

Informações técnicas

  • Cores com opacidade em rgb() moderno (rgb(r g b / a)).

Ferramentas relacionadas

  • Gerador de border-radius — Ajuste o arredondamento de cada canto, inclusive elíptico, em px, % ou rem, com CSS abreviado automaticamente.
  • Gerador de gradiente CSS — Crie gradientes lineares, radiais e cônicos com várias paradas de cor e pré-visualização em tempo real.
  • Conversor de cores HEX, RGB e HSL — Converta cores entre HEX, RGB, HSL, HSV e CMYK, verifique o contraste WCAG e gere tons e sombras.
  • Analisador de URL — Decomponha uma URL em esquema, host, porta, caminho, parâmetros decodificados e fragmento, edite e reconstrua.
  • Analisador de User-Agent — Descubra navegador, motor, sistema operacional e tipo de dispositivo a partir de uma string User-Agent.
  • Comparador de JSON (JSON Diff) — Compare dois JSON e veja o que foi adicionado, removido ou alterado em cada caminho, com opção de ignorar a ordem de arrays.