Discussion :

[Bovino]

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

[Bakura]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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; 
}