Effet hover sur titre avec passage souris sur texte
bonjour à tous
j'aimerais avoir une animation sur un titre lorsque l'on passe la souris sur le titre en personne OU sur son paragraphe.
Auriez vous un petit tuto s'il vous plait , car expliquer ca à google car pas évident
Pour l'instant j'ai ca , mais c'est uniquement au passage de la souris sur le titre :
Code:
1 2 3
| <tr>
<td style="border-bottom:1px solid white;"><a href="http://plenitude-beaute06.com/dannaprod/index.php?article6/reportage-des-coulisses-des-guignols-de-l-info"><strong>Reportage des coulisses des Guignols de l'info</strong><br/><br/>A l'occasion du festival de Cannes, j'ai eu l'honneur d'entrer sur le plateau des guignols de l'info. J'en ai profité pour en faire un reportage, et voilà le résultat.<a></td>
</tr> |
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21
| table td strong{
-webkit-transition: all 0.2s ease-in-out;
-webkit-transition-duration: 0.2s;
-moz-transition: all 0.2s ease-in-out;
-moz-transition-duration: 0.2s;
-o-transition: all 0.2s ease-in-out;
-o-transition-duration: 0.2s;
-ms-transition: all 0.2s ease-in-out;
-ms-transition-duration: 0.2s;
-khtml-transition: all 0.2s ease-in-out;
-khtml-transition-duration: 0.2s;
}
table td strong:hover, table td strong .active{
background-color: #333333;
border-radius:0.5em;
color: white;
padding:10px;
} |
je vous remercie d'avance !