U ovome tutorijalu je prikazano kako se korištenjem CSS3 mogu postići gotovo identični rezultati kao kod grafičkog dizajna objekata na web stranici korištenjem alata za grafički dizajn, recimo Photoshopa. Pri tome su korišteni neki noviteti predstavljeni u CSS3 standardu: gradient tool, border radius, box shadow, te iz CSS2 standarda text shadow.
U nastavku je dan kod:
Napomena: U danom primjeru kod je prilagođen za Mozilla Firefox pretraživač (korištene naredbe s prefixom moz- ), no veoma se lagano prilagodi i za ostale (IE,Chrome,Safari,itd..).
[Index.html]
<link rel="stylesheet" type="text/css" href="stil.css"/><a href="#"> <p>Pritisni</p> <div></div> <div></div> <div></div> </a>