Tilt Hover Effects | Demo 2 | Codrops
▻http://tympanus.net/Development/TiltHoverEffects/index2.html
Tilt Hover Effects | Demo 2 | Codrops
▻http://tympanus.net/Development/TiltHoverEffects/index2.html
Isometric Grids | Demo 1 | Codrops
▻http://tympanus.net/Development/IsometricGrids/index.html
#Hover Effect Ideas | Set 1
▻http://tympanus.net/Development/HoverEffectIdeas
An inspirational collection of subtle hover effects
Le hover a-t-il encore un sens de nos jours, avec tous ces appareils tactiles ?
Enfin, en décoration oui, pour signifier que la souris passe sur un élément ayant une interaction (lien, bouton, essentiellement).
Mais pas pour faire apparaître autre chose : on voit que dans certains exemples ça fait apparaître des liens ou boutons en plus (favoris, télécharger, etc), et dans presque tous du contenu textuel supplémentaire.
La logique qui fait qu’en tactile, un truc en hoover apparait au premier clic, et qu’une deuxième clic déclenche ce qui serait un clic dans un appareil « normal », n’est pas plus ou moins universelle ?
Je n’ai pas de statistiques mais ce n’est pas du tout une fonctionnalité reconnue et documentée, au départ c’est juste un ajout sur le Safari de iOS :
▻http://www.nczonline.net/blog/2012/07/05/ios-has-a-hover-problem
▻http://www.prowebdesign.ro/how-to-deal-with-hover-on-touch-screen-devices
▻http://cssmenumaker.com/blog/solving-the-double-tap-issue-on-ios-devices
À chaque fois c’est « on Apple », « on iOS ». D’autres peuvent avoir copié mais au départ c’est ça.
Creative Loading Effects
▻http://tympanus.net/Development/CreativeLoadingEffects
Loading animations don’t have to be restricted to a tiny indicator.
Here is some inspiration for some creative loading effects.
Creative Link Effects
▻http://tympanus.net/Development/CreativeLinkEffects
Subtle and modern effects for links or menu items
Nifty Modal Window Effects
▻http://tympanus.net/Development/ModalWindowEffects
There are many possibilities for modal overlays to appear. Here are some modern ways of showing them using CSS transitions and animations.
Audio Slideshow with jPlayer
▻http://tympanus.net/Development/AudioSlideshow