Filtry

Przezroczystość 0.2	<img src="1.jpg" id="test1"> style.css: #test1 { opacity: 0.2; }
Przezroczystość 0.5	<img src="1.jpg" id="test2"> style.css: #test2 { opacity: 0.5; }
Przezroczystość 1	<img src="1.jpg" id="test3"> style.css: #test3 { opacity: 1; }
filter:grayscale odcień szarości Warto przeczytać	<img src="1.jpg" id="test4"> style.css: #test4 { filter:grayscale(80%); }
filter:sepia	<img src="1.jpg" id="test5"> style.css: #test5 { filter:sepia(90%); }
filter:saturate nasycenie kolorów	<img src="1.jpg" id="test6"> style.css: #test6 { filter:saturate(200%); }
filter:hue-rotate zmiana odcieni kolorów za pomocą koła barw	<img src="1.jpg" id="test7"> style.css: #test7 { filter:hue-rotate(130deg); }
filter:invert odwrócenie kolorów	<img src="1.jpg" id="test8"> style.css: #test8 { filter:invert(80%); }
filter:brightness jasność	<img src="1.jpg" id="test9"> style.css: #test9 { filter:brightness(30%); }
filter:contrast kontrast	<img src="1.jpg" id="test10"> style.css: #test10 { filter:contrast(150%); }
filter:blur rozmycie	<img src="1.jpg" id="test11"> style.css: #test11 { filter:blur(5px); }
filter:opacity przezroczystość	<img src="1.jpg" id="test12"> style.css: #test12 { filter:opacity(20%); }
filter:drop-shadow cień	<img src="1.jpg" id="test13"> style.css: #test13 { filter:drop-shadow(14px 14px 10px green); }