10 exemples encore plus incroyables d’animations en CSS3
Vous avez été nombreux à lire mon article sur les animations en CSS3. Du coup comme promis je fais une suite à mon précédent article (voir l’article 10 exemples incroyables d’effets de survol en jQuery / CSS3) pour vous présenter une suite de nouvelles sélections de superbes animations en CSS3 (certains exemples utilisent parfois un peu de jQuery).
Cliquez sur les liens voir la démo pour voir les animations.
Animation CSS sur icône et texte
Vous trouverez ici une dizaine d’exemple d’animations CSS ajouté sur des icones et des textes, vraiment intéressant pour augmenter l’attractivité de vos pages.
Voir la démo en ligne
Animation CSS sur icône et texte 2
Quelques exemples complémentaire aux liens du dessus, avec des animations sur bloc texte / images.
Voir la démo en ligne
Slider en rotation
Ici un concept de slider avec une animation radial, du plus bel effet !
Voir la démo en ligne
Boutons animés en CSS
Ici plusieurs exemples d’animations à ajouter sur vos boutons d’actions, de quoi donner envie de cliquer ou de rendre vos boutons plus claires dans leurs fonctions.
Voir la démo en ligne
Animation sur image
Une simple animation en CSS pour laisser apparaitre une description au hover sur une image. Simple mais vraiment utile !
Voir la démo en ligne
Animation sur image
Un peu la même chose qu’au dessus mais avec un suivi de la souris, vraiment étonnant !
Voir la démo en ligne
Animation flip en CSS
Petite animation en CSS permettant de créer un effet de flip sur une image ou un bloc, vraiment bien fait.
Voir la démo en ligne
Effet de page en diagonal
Encore une petite animation très utile en CSS, un corner laisse apparaitre une description au passage de la souris.
Voir la démo en ligne
Effet de zoom sur image
Ici un effet de zoom sur une image, en CSS et jQuery. Peut être pratique pour laisser l’utilisateur voir des détails d’une photographie.
Voir la démo en ligne
Animation sur icône
Une animation CSS jQuery à ajouter sur vos icones, au survol une animation laisse apparaitre une description de l’icône.
Voir la démo en ligne
Animation CSS / jquery sur div
Une douzaine de très belles animations à ajouter sur vos divs. Certaines sont vraiment excellentes !
Voir la démo en ligne
Animation sur images
Et un petit bonus pour la fin. Retrouver quelques animations permettant de laissez découvrir d’autres images au clic ou au survol sur une image. Certaines de ces animations sont juste incroyable ! A voir.
Voir la démo en ligne
Et voila c’est tout pour le moment, n’hésitez pas à repasser prochainement car il me reste encore beaucoup d’animations et d’effets à vous présenter.