Trzeci wymiar w CSS?

Taki o to efekt uzyskałem przypadkiem podczas projektowania formularza na jedną ze stron:

Zapewne dla wielu osób nie jest to nadzwyczajnego, ja jednak poczułem się jakbym dostał na urodziny nową zabawkę. Okazuje się, że przeglądarki renderują taki efekt, gdy ustawimy border obiektu o grubości większej niż 1px. Wystarczy teraz dobrać odpowiednie kolory i już możemy się cieszyć wypukłymi lub wklęsłymi obiektami, bez użycia choćby grama grafiki :)

border-top:5px solid #aaaaaa;
border-bottom:5px solid #aaaaaa;
border-left:10px solid #e3e3e3;
border-right:10px solid #f8f8f8;