2018

Juste pour l'exemple et avec des textures déjà hébergées.

Survolez pour changer d'année !

<p style="text-align: center; width: 30vw; margin: 0vw auto; font-size: 1.5vw;">Survolez pour changer d'ann&eacute;e !</p>
<div style="width: 33vw; height: 13vw; line-height: 13vw; margin: 0vw auto; text-align: center;">
<p id="tx1">2018</p>
<p id="tx2">2017</p>
</div>
<style><!--
#tx1{position:absolute; z-index:2; font-size:13vw; color:transparent; background:url('https://ekladata.com/6RSWOjHP72iEUHutR4ApjlyHOAo.gif'); -webkit-background-clip : text; -webkit-text-stroke:0.2vh black; transition:all 2s linear; opacity:0;}
#tx2{position:absolute; z-index:1; font-size:13vw; color:transparent; background:url('https://ekladata.com/m2u93zX1EWQFY2mopSxzL4PO0yU/anime-511.gif'); -webkit-background-clip : text; -webkit-text-stroke:0.2vh black; transition:all 2s linear; opacity:1;}
#tx1:hover{opacity:1;}
#tx1:hover ~ #tx2{opacity:0;}
--></style>

...