Zaokrąglone brzegi

Źródło: www.cssnewbie.com

Ten tekst ma ładne i zaokrąglone brzegi - tak przynajmniej powinien wyglądać w przeglądarce Firefox oraz Safari.
A to kolejny przykład: Ten tekst ma ładne i zaokrąglone brzegi - tak przynajmniej powinien wyglądać w przeglądarce Firefox oraz Safari.
„He who receives an idea from me receives instruction himself without lessening mine, as he who lights his taper at mine, receives light without darkening me. ” -- Thomas Jefferson
Można zaokrąglać tylko wybrane brzegi. W tym przykładzie zostały zaokrąglone narożniki: lewy górny i prawy dolny.
Pozostawiając jeden narożnik bez zaokrąglenia można uzyskać efekt „dymka”, który może się przydać na przykład podczas stylizowania komentarzy.

Cień pod tekstem

Źródło: hacs.mozilla.org

Poniżej znajduje się tekst z prostym cieniem:

Prosty tekst z cieniem

A teraz cień bez rozmycia:

A to cień bez rozmycia

Jeśli użyjemy czarnego tła, cień okaże się poświatą, co też daje całkiem ciekawy efekt:

Oto poświata nie z tego świata!

Właściwość text-shadow może być użyta jako zwykłe rozmycie tekstu:

A to tekst, który jest rozmyty

Można równiez używać wielu cieni na raz, co daje bardzo interesujące efekty kolorystyczne:

Takie ogniste litery!

Cień pod pudełkiem

Źródło: hacks.mozilla.org

Prosty cień:

To jest test

Cień wewnętrzny - wykorzystane jest słowo kluczowe inset:

To jest test

Cień, dla którego zdefiniowany jest promień rozciągania (spread radius):

To jest test

Poniżej definicja wielu cieni, które w CSS są oddzielone przecinkami:

To jest test