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
