Dans ce tuto vidéo, nous allons voir ensemble comment créer un cercle qui va suivre le mouvement de la souris avec un effet d'animation fluide.
Nous utiliserons pour cela une librairie Javascript ainsi que du CSS3 et du jQuery.
Vous trouverez les fichiers de départ et finaux dans les sources fournies avec le tutoriel.
Je reste bien évidemment disponible dans le salon d'entraide si vous avez des questions pendant ou après le visionnage.
Bon tuto !
- Fichiers sourcestélécharger
- Certificat
Formateur : Adrien Gazaix
-
Encore un tuto sympa. Autrefois je faisais pendre à mon curseur un effet de lettres en élastique ou des petites étoiles qui suivaient le curseur. lol Je ne saurai dire comment je faisais (sans doute du code copié ça et là). Mais là j'ai vu au moins la technique sans copier bêtement. Merci Adrien. Euh par contre il y avait aussi un aperçu de la barre de défilement en bas de l'écran. Donc j'ai corrigé avec un overflow:hidden; au lieu de overflow-x:hidden;
-
Simple et efficace comme d'habitude
-
Très bon l'astuce du TweenMax lié au mousemove !
-
Avec quelles versions de logiciels ce tuto est-il compatible ?jQuery , CSS 3
-
Quel est le niveau requis pour suivre ce tuto ?débutant
note moyenne
avis laissés