Nous n’en sommes que aux début mais la norme CSS glisse tout doucement vers sa version 3 !

La prise en charge est partielle selon les navigateurs mais chaques mises à jour de ces derniers améliore cette prise en charge du standard de demain.

J’ai pour ma part commencer à utiliser CSS 3 sur mon blog.

Les bordures arrondies

Avant il fallait ruser avec des images, des tableaux, il n’y a encore pas si longtemps on ajoutais un petit poil de jQuery. Aujourd’hui on utilise une CSS !

border:2px solid #ff00c6;  border-radius:5px;  -moz-border-radius:5px;  -webkit-border-radius:5px;

Les ombres

Nous pouvons désormais appliquer une ombre sur du texte ou sur une boite, et ce de manière très simple !

box-shadow:5px 5px 5px #222; -moz-box-shadow:5px 5px 5px #222 ; -webkit-box-shadow:5px 5px 5px #222 ;

text-shadow: 5px 5px 5px #222;

Vous pouvez voir un exemple directement sur mon blog puisque j’utilise ces deux propriétés dans mes titres.

Les polices de caractères

CSS 3 nous permet d’utiliser des polices otf embarqués dans la feuille de style.

@font-face {
font-family:’Delicious’;
src: url(‘images/Delicious-Bold.otf’) format(‘opentype’);
}

font-family: ‘Delicious’, Helvetica, Sans-Serif;