Image se déplaçant vers le haut

Question

J'ai un problème avec l'effet de survol. Lorsque je survole mon image, tout fonctionne, mais votre curseur doit EXACTEMENT sur l'image tout au long de l'animation. J'ai donc besoin d'étendre la zone de survol depuis le début de l'image jusqu'à la fin de l'image d'animation. Donc tout le monde de l'animation serait couvert. Désolé, je n'ai pas d'espace web. Donc, si vous me faites confiance, vous pouvez télécharger le fichier .rar à partir de la boîte de dépôt. Je promets que je n'ai pas planté de virus là-bas :). Il suffit de lancer le Meist.html, c'est "l'index" de la page. Essayez de passer la souris sur la tasse de café au-dessus du pied de page.

Des questions tout simplement les jeter, parce que ma langue maternelle n'est pas l'anglais.

Answer 1

rembourrage de vente autour de l'image

img { 
    padding: 30px 
} 

Cela prolongera la zone par 30px tout autour de votre image. Veillez à utiliser un remplissage et non une marge car la marge ne rendra pas l'espace créé cliquable.

Answer 2

Mettre l'image dans une div, l'utilisation d'un sélecteur comme:

#your_div:hover img { 
    /* Do your stuff */ 
}