Na spletni strani ecsspert.com si lahko ogledate galerijo znanih logotipov, ki so narejeni izključno z CSS3 (Cascading Style Sheets verzija 3). Avtor je za prikaz uporabil najnovejšo verzijo CSS3, katero podpirajo najnovejši spletni brskalniki kot so Chrome, Firefox, Opera,...Če pa imate kakšno starejšo verzijo ali pa brskalnik Internet Explorer se vam pa logotipi verjetno ne bodo pravilno prikazovali.
CSS (Cascading Style Sheets) so predloge, ki omogočajo avtorjem spletnih strani, določanje izgleda posameznih elementov spletne strani. Z njim se določa barva, ozadja, tip in velikost pisave, obrobe, odmiki in še mnogo več. Ker vsak brskalnih te elemente ter sam slog v CSS-u oblikuje po svoje, se spletne strani v vsakem brskalniku prikazujejo malce drugače. Največji trn v peti oblikovalcem in razvijalcem spletnih strani pa je zagotovo brskalnik Internet Explorer (še posebej starejše verzije), kjer se je po navadi spletna stran prikazovala čisto drugače kot pa v ostalih brskalnikih.
Trenutno je najbolj v uporabi CSS verzije 2, vendar se že počasi prehaja na verzijo 3, ki omogoča veliko zares uporabnih funkcij, kot so:
- senčenje elementov
- zaobljeni robovi
- @font-face - uporaba vseh fontov v spletni strani
- prosojnost - lahko se nastavi določena prosojnost posameznih elementov
- senčenje teksta
- gradienti
- uporaba večih slik za ozadje
- transformacija elementov (rotiranje, povečava,...)
- prehodi - uporaba elegantih prehodov med dinamičnimi elementi (npr. galerija slik)
Na naslovu www.1stwebdesigner.com/css/50-awesome-css3-animations si lahko ogledate še nekaj lepih primerov uporabe te nove verzije CSS-a.
V priponkah vam pa še prilagamo PDF "plonk lista" za CSS2 in CSS3, tako da boste lahko imeli vse stvari pri roki:
