Overblog Suivre ce blog
Editer l'article Administration Créer mon blog

2012-02-04T22:52:00+01:00

Effet de zoom sur image lors du survol de la souris .

Publié par Coquelikosafrane -


Effet de zoom :




Il peut être agréable de faire un effet de zoom sur une photo lors du survol de la souris .

On ne veut pas obligatoirement afficher cet effet à tout le css uniquement à un article, du coup lors de la rédaction d'un article avec image , on peut ajouter les lignes suivantes d'html :

<meta content="text/html; charset=iso-8859-1">
<style type="text/css"><!--
a img {border:none}
a:hover {border:0px }
a:hover img {width:200px ; height:200px}
--></style>
<a href="#"><img width="100" src="adresse de l'image hébergée ." height="100"></a>


On peut personnaliser la taille de l'image non survolée et aussi celle de l'image survolée .


*  On agit sur la taille de la non survolée dans la ligne :

<a href="#"><img width="100" src="adresse de l'image hébergée ." height="100"></a>

*
  On agit sur la taille de la survolée dans la ligne :

a:hover img {width:200px ; height:200px}



  

commentaires

Girl Gift Template by Ipietoon Blogger Template | Gift Idea - Hébergé par Overblog