Avoir la taille de vos images qui change

Exemple d'utilisation su CSS pour changer la taille de vos images quand elles sont survolées.

Voici le code utilisé
Recopiez ce code dans un fichier texte que vous renommez page.html et que vous ouvrez dans votre navigateur.

<html>
<head>
<style>
img {
display: block;
height: 95;
width: 269;
-webkit-transition: all 1s;
-moz-transition: all 1s;
}
img:hover {
display: block;
height: 190;
width: 538;
-webkit-transition: all 1s;
-moz-transition: all 1s;
}
</style>
</head>
<body>
<img src="https://www.google.fr/images/srpr/logo11w.png">
</body>
</html>

Démonstration ci-dessous :

Aucun commentaire:

Enregistrer un commentaire

Inscription à : Publier les commentaires (Atom)