CSS e design
Cada ferramenta CSS e design no Toolz.dev: 14 utilitários gratuitos que são executados inteiramente no seu navegador. Sem inscrição, sem uploads, sem downloads.
Showing 14 tools
Gerador de gradiente CSS
Crie belos gradientes de CSS com visualização ao vivo
Gerador de sombra de texto CSS
Projete sombras de texto CSS em camadas com uma visualização ao vivo e controles deslizantes para efeitos de deslocamento, desfoque, cor e opacidade - crie efeitos de brilho, contorno, retro 3 D e relevo e, em seguida, copie o CSS pronto para produção.
Gerador de raio de borda CSS
Arredonde qualquer canto com uma visualização ao vivo e controles deslizantes por canto, alterne entre PX, %, EM e REM e copie o raio de borda CSS válido mais curto.
Gerador de filtros CSS
Aplique o desfoque, o brilho, o contraste, a escala de cinza, o sépia, o hue-rotate e muito mais com controles deslizantes ao vivo e uma prévia e, em seguida, copie o código de filtro CSS pronto para produção.
Gerador de morfofismo CSS
Crie uma UI de vidro fosco com uma visualização ao vivo e controles deslizantes para desfoque de pano de fundo, transparência, saturação, cor e raio - e depois copie o CSS pronto para produção.
Gerador de neumorfismo CSS
Crie elementos de interface do usuário suave (neumórficos) com uma visualização ao vivo e controle distância, desfoque, intensidade, raio, cor da superfície e formas planas/côncavas/convexas/prensadas - e depois copie o CSS.
Gerador Flexbox
Construa layouts flexbox CSS visualmente Ajuste justify-content, alinha-itens, direção, wrap e gap com uma visualização ao vivo, em seguida, copie o CSS gerado - tudo em seu navegador.
Gerador de grade CSS
Construa layouts de grade CSS visualmente Defina colunas, linhas, tamanhos de trilha, lacunas e alinhamento com uma visualização ao vivo e, em seguida, copie a grade gerada CSS - tudo em seu navegador.
Gerador de Transformação CSS
Construa uma transformação CSS a partir de translate, gire, dimensione, distorça e perspectiva 3 D com controles deslizantes ao vivo e uma visualização, depois copie o código pronto para produção.
Gerador de Transição CSS
Construa uma transição CSS da propriedade, duração, função de temporização e atraso com uma visualização de hover ao vivo e, em seguida, copie o código pronto para produção Suporta várias camadas.
Gerador Animação CSS
Construa animações de quadros-chave CSS a partir de predefinições como fade, slide, bounce e spin Ajuste a duração, flexibilização, atraso, iteração e direção, visualize ao vivo e, em seguida, copie os quadros-chave e a abreviação da animação.
Gerador de sombras da caixa CSS
Projete sombras de caixa CSS em camadas com uma visualização ao vivo e controles deslizantes para deslocamento, desfoque, propagação, cor, opacidade e inserção - e depois copie CSS pronto para produção.
conversor de unidade css
Converta entre unidades CSS - px, rem, em, pt e % - com um tamanho de fonte raiz configurável, saída instantânea de todas as unidades e uma tabela de referência px-to-rem para tipografia responsiva.
Gerador de braçadeira CSS
Gere valores de grampo () CSS responsivos e fluidos que se dimensionam entre as janelas de visualização