Jak tworzyć: obrazy czarno-białe

Jak używać CSS do tworzenia obrazów 'czarno-białych'.

Czarno-białe obrazy

Używaj CSS filter Atrybuty przekształcają obraz w czarno-biały.

Tulip
Oryginalne zdjęcie
Tulip
Szarość (100%)

Przykład odcienia szarości

Zmień wszystkie obrazy na czarno-białe (100% szarość):

img {
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
{}

Spróbuj sam

Strony związane

Tutorial:CSS obraz

Przeglądarka podręcznika:CSS właściwość filter