Filtry na zdjęciach na blogu

W obrazkach na naszym blogu wbrew pozorom można bardzo dużo zmienić. Jakiś czas temu odkryłam nową opcję, czyli filtry. Używanie ich jest bardzo proste, wystarczy jedna linijka kodu:

.post img { X }

W miejsce „X” wklejamy jedną z poniższych opcji, których podglądy zamieściłam pod koniec instrukcji. Pogrubione wartości można zmieniać.

-webkit-filter: grayscale(1); /*ZMIANA NA CZARNO-BIAŁE*/

-webkit-filter: blur(5px);  /*ROZMYCIE*/

-webkit-filter: brightness(3);  /*JASNOŚĆ*/

-webkit-filter: contrast(10);  /*KONTRAST*/

-webkit-filter: sepia(1) !important;  /*SEPIA*/

-webkit-filter:  invert(1);  /*NEGATYW*/

-webkit-filter: saturate(5);  /*SATURACJA*/

-webkit-filter: hue-rotate(300deg); /*ZMIANA KOLORU, POGRUBIONĄ LICZBĘ MOŻNA ZMIENIAĆ OD 0 DO 360, GDZIE KAŻDA LICZBA TO INNY KOLOR*/

UWAGA! Niektóre filtry mogą się nie wyświetlać w niektórych przeglądarkach!

Kliknij, by powiększyć