Gerador de Filtros CSS
Construa efeitos de filtro CSS visualmente com desfoque, brilho, contraste e mais. Pré-visualização ao vivo com predefinições.
Pré-visualização
Comparação Antes / Depois
Predefinições
Saída CSS
Filtros
0px
100%
100%
0%
0deg
0%
100%
100%
0%
Ctrl+Enter executarCtrl+Shift+C copiar
Saiba mais
Filtros CSS: efeitos visuais para imagens e elementos
Crie efeitos de desfoque, brilho, contraste e filtros foto estilo Instagram com a propriedade CSS filter.
Propriedade CSS filter explicada
A propriedade CSS filter aplica efeitos gráficos como desfoque, brilho, contraste e mudanças de cor a qualquer elemento HTML. Funciona em imagens, fundos, texto e até seções inteiras de uma página. Os filtros são processados pela GPU do navegador, tornando-os eficientes para efeitos visuais em tempo real.
5 min de leituraLer o guia completo