Grátis Online Gerador CSS de sombras e grelhas
Desenhe CSS visualmente em vez de adivinhar números. No modo Caixa, arraste cursores para o deslocamento da sombra, o desfoque, a expansão, o raio dos cantos, a cor e a opacidade, com uma sombra interior opcional, e veja a pré-visualização atualizar-se em direto. No modo Grelha, defina o número de colunas, o espaçamento, o número de itens e a altura da linha para compor uma grelha responsiva. O CSS correspondente é gerado enquanto trabalha — copie-o diretamente para a sua folha de estilos. Tudo corre no seu navegador.
Carregando a ferramenta…
Como usar Gerador CSS de sombras e grelhas
- Escolha Sombra e raio da caixa ou Layout em grelha.
- Arraste os cursores para moldar o efeito.
- Veja a pré-visualização e o CSS atualizarem-se em direto.
- Copie o CSS gerado para o seu projeto.
Perguntas sobre Gerador CSS de sombras e grelhas
Que CSS é gerado?
CSS padrão, pronto a copiar: uma regra .box com background, border-radius e box-shadow, ou uma regra .grid que usa display:grid com grid-template-columns e gap. Não são necessários prefixos de fabricante para estas propriedades nos navegadores modernos.
Posso usar o CSS da grelha num site real?
Sim. A regra da grelha usa repeat() e colunas fracionárias, pelo que é responsiva. Cole-a na sua folha de estilos e coloque o conteúdo dentro do contentor da grelha.
Sobre Gerador CSS de sombras e grelhas
Crie sombras e grelhas em CSS com a ferramenta online gratuita Gerador CSS de sombras e grelhas. 100% no navegador, sem login nem envio de arquivos.
Estas ferramentas de texto e código limpam e transformam strings: contar palavras, mudar caixa, remover linhas duplicadas, codificar/decodificar Base64 e URL, escapar entidades, hash, formatar JSON e comparar duas versões.
Esta ferramenta roda no seu navegador. O arquivo não é enviado. Tudo roda sobre o texto colado, então você pode processar trechos de código ou logs com segurança; nada é enviado a lugar algum, e limpar a caixa o remove da memória.