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 cores aleatórias com vários modos, incluindo pastel, vibrante, escuro, claro, quente, frio, neon, tons terrosos e esquemas de harmonia de cores como análogos, complementares e triádicos. Exporte cores nos formatos HEX, RGB, HSL ou como variáveis CSS.
Crie belas imagens de citações com fundos personalizados, fontes e estilos para redes sociais
Gere recibos profissionais com suporte a código de barras. Crie recibos de loja personalizáveis com detalhes de itens, preços, cálculos de impostos e vários formatos de códigos de barras (CODE128, EAN-13, UPC, etc.).
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.