L'une des avancées de CSS 3 est la possibilité d'appliquer plusieurs background différents à un même élément. Jusqu'ici, si on voulait avoir par exemple plusieurs lien avec le même background plus une icone propre à chaque lien, il fallait se taper une image différente pour chaque lien ou ajouter un élément vide de type span à qui on appliquerait le background de l'icone. Maintenant, il suffit d'appliquer la texture unique et l'icone. Mais là où ça devient particulièrement intéressant, c'est quand on veut jouer avec des textures colorées.
Keyword : “css3”

Une loupe en JS/CSS3
Petit TP du week end : un effet de loupe en Javascript et CSS3 que vous pouvez essayer ici. Vous pouvez changer le style de la loupe grâce au menu à gauche.

Tarte aux trois CSS
Les CSS dans leur troisième version apportent tout un lot de propriétés qui font gagner énormément de temps à l'intégration de design. Parmi celles-ci, on retrouve border-radius, permettant d'arrondir les angles des boites, linear-gradient qui ajoute un dégradé en tant que fond d'un élément, ou box-shadow qui lui applique une ombre. Toutes ces propriétés permettent de rationnaliser ces différents effet qu'on bidouillait auparavant à l'aide de div et de span imbriqués avec des morceaux d'images de fond pour simuler une ombre ou un coin arrondi. On gagne donc à la fois en productivité, mais aussi en bande passante et on obtient un rendu graphique forcément plus optimisé.
