Gerador de filtro CSS
Gere filtros CSS para imagens com pré-visualização ao vivo.
Esta ferramenta processa todos os dados localmente no seu dispositivo.
Entrada
Saída
Código CSS
37 caracteres
Leia-me
Descrição da ferramenta
Um gerador abrangente de filtros CSS que cria efeitos visuais personalizados para imagens e elementos usando propriedades de filtro CSS. A ferramenta fornece controles intuitivos para todas as funções de filtro CSS, incluindo desfoque, brilho, contraste, saturação e muito mais, com visualização em tempo real e geração instantânea de código CSS para uso imediato em projetos web.
Recursos
- Controle completo de filtros: Ajuste filtros de desfoque, brilho, contraste, escala de cinza, rotação de matiz, inversão, opacidade, saturação e sépia
- Visualização em tempo real: Veja os efeitos de filtro aplicados instantaneamente a uma imagem de amostra conforme você ajusta os parâmetros
- Geração de código CSS: Gera automaticamente código CSS de filtro limpo e otimizado pronto para uso em produção
Informações do tool
Criado
Última atualização
Tags
cssfiltergeneratorimageeffectsblurbrightnesscontrast
Ferramentas semelhantes
Gere sombreamento CSS.
Gere bordas CSS com prévia ao vivo.
Gerar consultas de mídia CSS responsivas para breakpoints, tamanhos de tela, orientações e recursos do dispositivo
Partilhar
Incorporar
Incorpore esta ferramenta em qualquer lugar gratuitamente. Precisa de ajuda? Confira nosso guia.
364 caracteres
Aviso legal
As ferramentas disponibilizadas neste site foram criadas para ajudar os usuários a resolver diversos problemas. Embora nos esforcemos para garantir que as ferramentas sejam precisas e eficazes, não garantimos que o resultado de qualquer ferramenta será 100% exato ou livre de erros. Os resultados gerados são fornecidos no estado em que se encontram e devem ser usados com cautela. Recomendamos que os usuários verifiquem qualquer informação ou resultado importante com recursos adicionais ou aconselhamento profissional, pois não podemos ser responsabilizados por quaisquer consequências decorrentes do uso destas ferramentas. Ao utilizar este site, você concorda em assumir todos os riscos associados à precisão e ao uso dos resultados fornecidos.