Je voudrais faire une carte de l'Europe avec tous les pays cliquables.
Je voudrais avoir une image unique pour chaque pays qui contiendrait l'image normale, et l'image survolée, et que cette dernière se décale en fonction de la position de la souris. Ainsi pas de lag pendant le chargement des images survolées.
Est-il possible de le faire en css (compatible avec tous les naviguateurs bien sûr). Cela fait plusieurs heures que je cherche sans succès !
j'ai bien réussi à isoler une partie de l'image avec overflow:hidden mais pas à la décaler au survol !
Petite précision, cette image sera positionnée sur une carte gérée par un <div class="truc">
Une petite image pour illustrer ma question :
Et un lien pour voir l'avancée de mes essais : LIEN (vous pouvez regarder mon code source)