Использование фильтров (размытие, черно-белый и т.д.)

Пример фильтра для размытия:

filter: blur(5px);

Пример кроссбраузерного фильтра:

.grayscale { 
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: url(grayscale.svg); /* Firefox 4+ */
  filter: gray; /* IE 6-9 */
}

Значения указываются в процентах либо в десятичных дробях от 0 до 1.

Варианты фильтров:

• grayscale
• sepia
• saturate
• hue-rotate
• invert
• opacity
• brightness
• contrast
• blur
• drop-shadow
• url()