Appliquer un effet de zoom sur une image avec les CSS

:salut:

Pascale Lambert nous propose un nouveau tutoriel intitulé Appliquer un effet de zoom sur une image avec les CSS. Elle nous y décrit deux méthodes pour appliquer un effet de zoom sur une image 100% en CSS, la première simplissime mais inopérante avec MSIE6, la seconde utilisant la technique des « portes coulissantes ».

N'hésitez pas à faire part de vos remarques, questions et encouragements à la suite de ce message.

Voir aussi les cours et tutoriels pour apprendre CSS.

Merci à elle :)

Il aurait été intéressant de rajouter un petit mot sur les transitions CSS3, pour les navigateurs compatibles, ça ajoute un petit plus non négligeable.

Ce qui nous donne :

Code:

---

1 2 3 4 5 6 7 8 9

.zoom img { height: 267px; width: 200px; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; }

---