Liens avatars - hover

<center>
<link href="https://fonts.googleapis.com/css?family=Norican" rel="stylesheet"><div class="titreliens">• Vos liens •<br><span style="font-size:10px;"><i>petite citation</i></span></div>
<center><table><tr><td><div class="cadre"><div class="image" style="background-image:url('https://zupimages.net/up/18/30/o83l.png');"><div class="descrlien">[b]PRENOM NOM[/b] -[i] lien[/i]

décrivez ici la nature de votre lien avec ce personnage.
</div></div></div></td><td><div class="cadre"><div class="image" style="background-image:url('https://zupimages.net/up/18/30/o83l.png');"><div class="descrlien">[b]PRENOM NOM[/b] -[i] lien[/i]

décrivez ici la nature de votre lien avec ce personnage.
</div></div></div></td><td><div class="cadre"><div class="image" style="background-image:url('https://zupimages.net/up/18/30/o83l.png');"><div class="descrlien">[b]PRENOM NOM[/b] -[i] lien[/i]

décrivez ici la nature de votre lien avec ce personnage.
</div></div></div></td></tr></table></center><center><table><tr><td><div class="cadre"><div class="image" style="background-image:url('https://zupimages.net/up/18/30/o83l.png');"><div class="descrlien">[b]PRENOM NOM[/b] -[i] lien[/i]

décrivez ici la nature de votre lien avec ce personnage.
</div></div></div></td><td><div class="cadre"><div class="image" style="background-image:url('https://zupimages.net/up/18/30/o83l.png');"><div class="descrlien">[b]PRENOM NOM[/b] -[i] lien[/i]

décrivez ici la nature de votre lien avec ce personnage.
</div></div></div></td><td><div class="cadre"><div class="image" style="background-image:url('https://zupimages.net/up/18/30/o83l.png');"><div class="descrlien">[b]PRENOM NOM[/b] -[i] lien[/i]

décrivez ici la nature de votre lien avec ce personnage.
</div></div></div></td></tr></table></center>
<center><div style="font-family:calibri;font-size:7px;text-transform:uppercase;text-align:center;letter-spacing:2px;color:#9b958f;margin-top:-15px;">- code by lilie -</div></center>
<style>.titreliens {color:black; font-family: 'Norican', cursive;width:420px;text-align:center;ddd;margin-bottom:5px;font-size:35px; letter-spacing: 5px;transition:2s;} .cadre {width:150px;padding:5px;border:1px solid #ddd;background-color:white;} .image {width:150px;height:240px;background-position:center center;background-size:cover;position:relative;overflow:hidden;} .image>span {display:block;width:150px;height:240px;text-align:center;position:absolute;} .descrlien {width:200px;background-color:white;position:absolute;bottom:-320px;width:140px;height:230px;transition:1s;line-height:15px;overflow:auto;padding:5px;text-align:justify;color:#999;font-family:arial;font-size:11px;line-height:12px;opacity:0.9;} .image:hover>.descrlien {bottom:0px; }  </style>