Los filtros CSS son una buena opción para customizar las imágenes de una web y poder dar un toque de uniformidad. Los filtros se estructuran así:

     img{
          +filter: grayscale(100%);
     }

Existen varios tipos de filtros que se pueden combinar entre ellos. Los diferentes tipos son:

  • grayscale (%)
  • sepia (%)
  • saturate (int)
  • hue-rotate (degs)
  • invert (%)
  • opacity (%)
  • brightness (%)
  • contrast (%)
  • blur (px, em…)
  • drop-shadow (px & color)
  • url() (url de filtro)

para saber más sobre el tema visita el link original de HTML5 ROCKS.