5093 articles publiés

Créez des effets de hover avancés sur des images

Classé dans :

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.

Encore plus d'articles

Article publié sur le blog le 24 mai 2017 et écrit par La Rédaction

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Les commentaires de ce blog geek sont modérés. Vous pouvez exprimer votre avis ou soumettre une critique, mais essayez de rester courtois lors de vos interventions. C'est quand même plus agréable...