Bonjour à tous,
 
Je viens vers vous car j'ai un problème sur un lien créé sur une image.
Tout allait bien jusqu'à ce que j'effectue quelques changements et là j'ai un petit soucis.
 
En fait, lorsque je survole mon image, j'ai créé une transformation : l'image se rétrécit.
Je voudrais que cela se fasse lorsque je survole l'ensemble de mon image initiale.
Malheureusement, cela ne se fait que lorsque je survole une très faible partie de mon image...
 
Voici mon css qui pose problème je pense :
 
a.img1{
 width:680%;
 height:110px;
 background:url(img/The_Office.jpg) no-repeat left top;
 border-radius:15px;
 box-shadow: 4px 4px 6px rgba(0,0,0,0.55);
 margin-bottom:10px;
}
 
a.img1:hover{
 background-position: -125px 0;
 border-radius:15px;
 width:270%;
 box-shadow: 4px 4px 6px rgba(0,0,0,0.55);
}
 
Et voici l'HTML lié à cette image :
 
<li><a href="les_episodes.php" class="img2"><img src="img/Les_épisodes.png" alt="ep"><a/></li>
 
Merci par avance pour votre aide !
 
PS:Mon site n'est pas hébergé, je n'ai pas l'intention de le faire, il s'agit d'un projet d'étude puisque je suis encore étudiant.