CSS e Design
Gere CSS, construa layouts, crie animações e projete com visualização ao vivo.
44 tools
Gerador de Gradientes CSS
Crie belos gradientes lineares, radiais e cônicos em CSS com múltiplos pontos de cor e controle de ângulo.
🎨 CSS & Design
Gerador de Sombra de Caixa CSS
Gere sombras de caixa CSS com múltiplas camadas, opções de inserção e pré-visualização em tempo real.
🎨 CSS & Design
Gerador de Sombra de Texto CSS
Crie sombras de texto CSS com controles visuais para deslocamento, borrão, cor e opacidade.
🎨 CSS & Design
Gerador de Raio de Borda CSS
Gere valores de border-radius do CSS com controle por canto e pré-visualização.
🎨 CSS & Design
Gerador de Botões CSS
Crie botões personalizados com cores, preenchimento, bordas, sombras e efeitos ao passar o mouse.
🎨 CSS & Design
Gerador de Cartões CSS
Crie designs de cartões glassmórficos com controle de blur, transparência e sombra.
🎨 CSS & Design
Gerador de Dicas em CSS
Gere dicas puras em CSS com posição, seta, cores e estilização personalizáveis.
🎨 CSS & Design
Gerador de Fitas em CSS
Crie fitas de canto e borda em CSS para cartões e seções de conteúdo.
🎨 CSS & Design
Gerador de Spinners CSS
Gere spinners de carregamento em CSS e loaders animados com estilos personalizáveis.
🎨 CSS & Design
Gerador de Triângulos CSS
Gere triângulos CSS usando a técnica de borda com controles de direção e cor.
🎨 CSS & Design
Gerador de Caminho de Recorte CSS
Crie formas de caminho de recorte CSS com predefinições de polígono, círculo e elipse.
🎨 CSS & Design
Gerador de Filtros CSS
Aplique efeitos de filtro CSS como blur, brilho, contraste e muito mais com controles visuais.
🎨 CSS & Design
Área de Testes de Transformações CSS
Experimente com transformações CSS, incluindo rotação, escala, inclinação e translação com perspectiva 3D.
🎨 CSS & Design
Gerador de Animações CSS
Crie animações de keyframe em CSS com efeitos pré-definidos e temporização personalizável.
🎨 CSS & Design
Gerador de Transições CSS
Gere transições CSS com propriedade personalizável, duração, easing e efeitos ao passar o mouse.
🎨 CSS & Design
Área de Testes do CSS Flexbox
Explorador visual do CSS Flexbox com controles interativos para todas as propriedades do contêiner flexível.
🎨 CSS & Design
Ambiente de Testes do CSS Grid
Construtor visual de CSS Grid com controles interativos para colunas de modelo, linhas e lacunas.
🎨 CSS & Design
Gerador de Tabelas CSS
Crie tabelas HTML com estilos personalizados, cores, listras e efeitos de hover.
🎨 CSS & Design
Gerador de Colunas CSS
Crie layouts de texto em múltiplas colunas com contagem de colunas, espaçamento e estilização de regras personalizáveis.
🎨 CSS & Design
Gerador de Layout de Rolar com Snaps em CSS
Gere layouts de rolagem com snaps em CSS para rolagem horizontal e vertical com alinhamento de snap.
🎨 CSS & Design
Gerador de Glassmorfismo
Crie efeitos de vidro fosco com controle de desfoque, transparência e saturação.
🎨 CSS & Design
Gerador de Neumorfismo
Gere designs neumórficos (interface do usuário suave) com pares de sombras claras e escuras.
🎨 CSS & Design
Gerador de Claymorfismo
Crie efeitos de interface do usuário em 3D com cantos arredondados, sombras internas e realces suaves.
🎨 CSS & Design
Texto com Gradiente CSS
Crie texto com preenchimento gradiente usando background-clip e text-fill-color do CSS.
🎨 CSS & Design
Padrão de Fundo CSS
Crie padrões de fundo CSS repetitivos, incluindo listras, xadrez, pontos e muito mais.
🎨 CSS & Design
Gerador de Padrões SVG
Gere padrões repetitivos baseados em SVG para fundos CSS com várias formas.
🎨 CSS & Design
Gerador de Bolhas CSS
Gere formas orgânicas de bolha como SVG com preenchimentos gradientes e randomização.
🎨 CSS & Design
Gerador de Onda CSS
Gere divisores de seção em onda SVG personalizáveis com ondas, altura e cores.
🎨 CSS & Design
Gerador de Divisores CSS
Gere divisores de seção em CSS com vários estilos, incluindo gradiente, sombra e zig-zag.
🎨 CSS & Design
Testador de Design Responsivo
Visualize sites na web em pontos de quebra comuns de dispositivos com um visualizador de iframe integrado.
🎨 CSS & Design
Gerador de Consultas de Mídia
Gere consultas de mídia CSS com condições de recursos e pontos de quebra pré-definidos.
🎨 CSS & Design
Ambiente de Testes do Tailwind CSS
Aplique classes de utilitário do Tailwind CSS a elementos com pré-visualização ao vivo e saída em HTML.
🎨 CSS & Design
Gerador de Configuração do Tailwind
Gere arquivos de configuração do Tailwind CSS com cores personalizadas, fontes e pontos de quebra.
🎨 CSS & Design
Gerador de Escala Tipográfica
Gere uma escala tipográfica modular com tamanho base, razão e unidades personalizáveis.
🎨 CSS & Design
Gerador de Escala de Espaçamento
Gere um sistema de escala de espaçamento consistente com unidade base personalizável e multiplicadores.
🎨 CSS & Design
Visualizador de Fontes do Google
Pré-visualize as fontes do Google com texto personalizável, tamanho, peso e espaçamento entre letras.
🎨 CSS & Design
Pesquisa de Ícones
Pesquise e personalize ícones SVG de código aberto com tamanho, cor e traço ajustáveis.
🎨 CSS & Design
SVG para Fundo de CSS
Codifique o código SVG como uma imagem de fundo do CSS usando codificação de URI de dados.
🎨 CSS & Design
Gerador de Variáveis CSS
Gere propriedades personalizadas do CSS (variáveis) para cores, espaçamento e tipografia.
🎨 CSS & Design
Visualizador de Reinicialização do CSS
Veja e compare estilosheets de reinicialização e normalização de CSS populares.
🎨 CSS & Design
Gerador de Caixas de Proporção de Aspecto
Gere caixas de proporção de aspecto responsivas com abordagens modernas e legadas em CSS.
🎨 CSS & Design
Gerador de Contadores CSS
Gere contadores CSS para listas numeradas personalizadas com vários estilos e níveis de nestagem.
🎨 CSS & Design
Gerador de Folha de Estilo para Impressão
Gere folhas de estilo @media print com opções para ocultar elementos, estilizar texto e controlar quebras de página.
🎨 CSS & Design
Incorporador de CSS para E-mail
Incorpore estilos CSS em elementos HTML para compatibilidade com modelos de e-mail.
🎨 CSS & Design