Créer un triple loader circulaire en CSS
ERROR
00:00
00:00

TUTO Créer un triple loader circulaire en CSS

Carl Brison
6,00€

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

Dans le but de faire patienter nos visiteurs au moment du chargement de la page web, il peut être intéressant de mettre en place une animation de chargement. Ce que l'on appelle dans le jargon professionnel, un loader
Il existe des multitudes de forme données aux loaders.

Dans ce cours en ligne, je vous propose de tripler le visuel d'un loader circulaire.
Pour ce faire, nous allons utiliser le langage CSS qui nous permettra d'accéder aux techniques :

En guise de bonus, je vous proposerai un petit script en jQuery qui vous permettra d'intégrer très facilement le loader au chargement de la page. Je propose un cours pour apprendre les bases du langage jQuery.

Je mets les codes sources de ce tuto à votre disposition.
Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions sur ce cours.

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Leçon 1
Créer un loader circulaire
Leçon 2
Tripler le loader circulaire
Leçon 3
BONUS : Intégrer le loader au chargement de la page web
Leçon 4
Conclusion

Plan détaillé du cours

Leçon 1Créer un loader circulaire
08m51s
Leçon 2Tripler le loader circulaire
06m11s
Leçon 3BONUS : Intégrer le loader au chargement de la page web
11m12s
Leçon 4Conclusion
44s

Avis des apprenants

Détail des avis
5
Apprenants
1
Commentaire
5/5
Note moyenne
5/5
1
4/5
0
3/5
0
2/5
0
1/5
0
Alain Tardif
Alain Tardif
Publié le 08/09/2023
Merci Carl, super tuto sur le loader circulaire, j'étais bien loin de m'imaginer ce que l'on pouvait faire avec du CSS, j'ai déjà travaillé sur les animations, mais la bonne compréhension du positionnement fait toute la différence. Malin, le JQuery pour cacher le texte. Validé 100% #triple-loader-circulaire-CSS
Carl Brison
Carl Brison
Merci beaucoup pour votre commentaire très gentil, Alain ;-)

Vos questions sur le cours

Avec quelle version de logiciel ce tuto est-il compatible ?

CSS

Quel est le niveau requis pour suivre ce tuto ?

débutant

Que contient le fichier source ?

Le code source de ce tutoriel.

Attendez ! 🤗

Accédez à plus de 1351 tutos gratuits

Notre politique de protection des données