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

Exemple d'animation en CSS3

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

Exemple d'animation en CSS3

Quelques exemples complémentaire aux liens du dessus, avec des animations sur bloc texte / images.

Voir la démo en ligne

Slider en rotation

Exemple d'animation en CSS3

Ici un concept de slider avec une animation radial, du plus bel effet !

Voir la démo en ligne

Boutons animés en CSS

Exemple d'animation en CSS3

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

Exemple d'animation en CSS3

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

Exemple d'animation en CSS3

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

Exemple d'animation en CSS3

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

Exemple d'animation en CSS3

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

Exemple d'animation en CSS3

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

Exemple d'animation en CSS3

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

Exemple d'animation en CSS3

Une douzaine de très belles animations à ajouter sur vos divs. Certaines sont vraiment excellentes !

Voir la démo en ligne

Animation sur images

Exemple d'animation en CSS3

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.

Commentaires