Temps de lecture estimé : 1 minute

Les miniatures font partie intégrante d’un design web, et souvent un bon effet de survol peut venir renforcer l’expérience utilisateur, qu’il s’agisse d’un site de présentation, d’un portfolio, ou d’un site ecommerce.

Voici une compilation de quelques effets sympa à mettre en place sur vos prochains projets ! (Perso j’adore le n° 8 !)

Différents effets au survol pour monter/cacher du texte

 

Contour de l’image au survol :

Au survol, un contour apparait autour de l’image, et peut bien coller à un web design dans la même thématique

Liens de partage sur les réseaux sociaux :

Au survol les boutons de réseaux sociaux apparaissent

Effet au survol avec apparition de texte

 

Grille en Flexbox dans le même style que youtube :

Grâce à la grille flexbox, votre galerie est responsive et l’effet de survol invite à jouer la vidéo

 

Masque en diagonal au survol :

Miniatures circulaires pour portfolio :

Un effet d’apparition sympa pour les miniatures, qui passent d’une forme ronde à rectangulaire :

 

Miniatures avec effet de zoom et flou :

Cet effet est plutôt sympa visuellement, accentuant l’effet 3d en zoomant légèrement sur l’élément survolé et floutant les autres éléments

mike
mike.lecomte@nasdy.com

Laisser un commentaire

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

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.