Gerador de Filtros CSS
Combine blur, brightness, contrast, saturate, grayscale, sepia e hue-rotate.
Propriedades CSS utilizadas
filterAplica efeitos gráficos (desfoque, cor, contraste) diretamente no elemento, incluindo imagens, vídeos e texto, sem precisar editar o arquivo original.
Múltiplos filtrosFunções de filter podem ser combinadas em sequência — a ordem afeta o resultado final, pois cada filtro processa a saída do anterior.
Perguntas frequentes
Sim, incluindo imagens, vídeos, texto e containers inteiros.
filter afeta o próprio elemento; backdrop-filter afeta o que está atrás dele, visível através de transparência — usado no glassmorphism.
Filtros como blur podem ser custosos em elementos grandes ou animados; teste em dispositivos mais fracos antes de usar em produção.
Ferramentas relacionadas
Gerador de Glassmorphism
Efeito de vidro fosco com backdrop-filter, transparência e bordas sutis.
Gerador de Máscaras CSS
Use mask-image com gradientes para criar transições de opacidade e recortes suaves.
Gerador de Gradientes
Gradientes lineares, radiais e cônicos com múltiplos stops de cor.