Os filtros CSS permitem aplicar efeitos gráficos como desfoque, escala de cinza, sombra e sépia em imagens e elementos. A especificação Filter Effects Module Level 1 da W3C ainda está em rascunho. Exemplos de filtros incluem blur(), grayscale(), drop-shadow() e hue-rotate().

1. FILTROS CSS

2. DEIVID MARQUES
Desenvolvedor Front-end na Locaweb
@deividmarques

3. ORGANIZADOR DE EVENTOS

4. Participação na coletânea Front-end

5. FILTROS CSS
A ESPECIFICAÇÃO DO W3C DENOMINADA
FILTER EFFECTS MODULE LEVEL 1
ENCONTRA-SE NA FASE DE RASCUNHO DE
TRABALH

6. FILTROS SVG
&
FILTROS GRÁFICOS

7. EXEMPLO

8. IMAGEM ORIGINAL

9. blur()

10. grayscale()

11. drop-shadow()

12. sepia()

13. brightness()

14. contrast()

15. hue-rotate()

16. invert()

17. saturate()

18. opacity()

19. SUPORTE

20. EXEMPLOS DE FILTROS
http://deividmarques.github.io/talk-css-
filter/filtros.html

21. OBRIGADO!
@deividmarques