La présence d’images sur un site est primordiale ! Très souvent cliquables, elles permettent d’inciter un utilisateur à poursuivre sa navigation notamment via l’ajout d’un effet de survol.
En partenariat avec Tuto.com, je vous propose aujourd’hui un tutoriel CSS en vidéo pour créer un effet de hover rapide, subtil et unique qui renforcera l’expérience utilisateur sur votre site.
Qui peut suivre cette formation ?
Ce tutoriel s’adresse aux personnes ayant des bases en CSS. Le formateur, Sébastien Imbert, vous guidera dans chaque étape de réalisation de ces effets pour ensuite les modifier voire créer les vôtres.
Au programme :
Durant près de deux heures de cours en vidéo, vous verrez comment créer cinq effets de hover avancés sur des images cliquables. Voici le programme qui vous attend :
La création d’une structure HTML et CSS responsive ;
Les transformations CSS 2D et 3D ;
Les positions absolute et relative ;
Les pseudo éléments ;
Les délais de transitions.
Pour vous donner un aperçu de ce qui vous attend, voici un tutoriel offert et dédié à la création à l’animation de l’image du premier effet de hover.
Retrouvez le tutoriel Effets de hover avancés sur des images dans son intégralité sur Tuto.com.
tuto très intuitif. pas besoin d’être un super geek pour appliquer les effets hover sur son image d’après ces astuces. Merci pour le partage.