[CSS] Bienvenue dans le monde CSS 3 !

[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.

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 !

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;

0 Partages

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.