[CSS] Bienvenue dans le monde CSS 3 !

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.

[caption id=“attachment_380” align=“aligncenter” width=“300” caption=“Utilisation de CSS 3 pour améliorer le style de vos pages web !"]Utilisation de CSS 3 pour améliorer le style de vos pages web !◎ yakacss3[/caption]

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;

updatedupdated2024-06-012024-06-01