[CSS3] Wyszarzenie strony

Warning: Undefined variable $iAmModerator in /home/andrzejk2/public_html/michal.krassowski.info/comment.php on line 210

Warning: Undefined variable $iAmModerator in /home/andrzejk2/public_html/michal.krassowski.info/comment.php on line 222

Warning: Undefined variable $iAmModerator in /home/andrzejk2/public_html/michal.krassowski.info/comment.php on line 223
Czasem musimy wyszarzeć stronę, ale nie ma czasu na zmianę każdego koloru osobno i desaturacje kolorów na wszystkich elementach graficznych. Wtedy z pomocą przychodzi CSS3. Jak? Ano tak:

* {
    -webkit-filter: grayscale(100%);
       -moz-filter: grayscale(100%);
         -o-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
            filter: grayscale(100%); 
}

Ale to nie najlepszy pomysł. W wielu popularnych przeglądarkach (np. Chrome) spowoduje to mocne spowolnienie systemu przy wejściu na taką stronę, ponieważ przy każdej akcji nakładany jest filtr skali szarości na KAŻDY element drzewa DOM.

Dużo lepszym pomysłem jest wyodrębnienie tych elementów strony, które chcemy wyszerzeć, na przykład:

img,#logo,#background,.adds {
    -webkit-filter: grayscale(100%);
       -moz-filter: grayscale(100%);
         -o-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
            filter: grayscale(100%); 
}

Warning: Undefined array key "message" in /home/andrzejk2/public_html/michal.krassowski.info/comments.php on line 2

Warning: Undefined variable $Alerts in /home/andrzejk2/public_html/michal.krassowski.info/comments.php on line 50

Warning: Trying to access array offset on null in /home/andrzejk2/public_html/michal.krassowski.info/comments.php on line 50