Animez vos images avec les effets au survol de la souris

3 avril 2020 |  ,

Animez vos images avec les effets au survol de la souris

Il est désormais très simple d’animer une image par un effet soit de couleur, d’ombre ou de mouvement.

Pour effectuer une telle opération il faut copier coller un code (une classe css) au bon endroit dans votre image, c’est facile, cela prend juste 3 clics, nous avons écrit un tutoriel que vous pouvez retrouver ici : effectuer des effets sur vos images . Vous y trouverez la démarche à réaliser, ainsi que tous les exemples d’effets avec le code associé.

Animer une image peut donner un effet plus « vivant » à vos pages, voici un exemple :

Faites passer la souris sur une image pour essayer l’effet.

Où appliquer les effets de survol d’une image

Il existe de nombreux effets, n’hésitez pas à les tester sur vos images. Il est important de noter que ces effets s’appliquent à n’importe quel contenu du site :

  • une page classique
  • une actualité
  • un évènement
  • un widget en page d’accueil
  • etc

Consultez notre guide d’utilisation des effets au survol d’image