Loader CSS Bullet
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00
Sous-titres non disponibles
19m53
de formation
2
leçons vidéo
1
chapitre
Débutant
niveau requis
Carl Brison
Carl Brison
Formateur certifié

Loader CSS Bullet

4.8/5 Trustpilot (1392 avis) Satisfait ou remboursé
19m53
de formation
2
leçons vidéo
1
chapitre

Pour faire patienter les utilisateurs pendant un chargement, il peut être intéressant de réaliser une petite animation appelée : "loader".
Je vous propose dans ce cours, de réaliser des bulles (bullets) de chargement en utilisant le langage CSS.

Le but de ce tuto vidéo est de créer une animation visuellement intéressante afin que l'utilisateur patiente et ne parte pas.
La création de l'animation sera simple.

En guise de bonus, je vous proposerais un petit script en jQuery qui vous permettra d'intégrer très facilement le loader au chargement de la page.
Pour aller plus loin dans vos connaissances, je vous propose les tutos suivants :

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Leçon 1
Créer des bulles de loading en CSS
Leçon 2
BONUS: Intégrer le loader au chargement de la page web

Table des matières

Leçon 1

Créer des bulles de loading en CSS

09m31
Leçon 2

BONUS: Intégrer le loader au chargement de la page web

10m22

Avis des apprenants

Détail des avis
3
Commentaires
5/5
Note moyenne
5/5
3
4/5
0
3/5
0
2/5
0
1/5
0
Alain Tardif
Alain Tardif
Publié le 06/04/2023
Bonjour Carl, on reste dans l'animation css. Vraiment intéressant ce tuto. Tout mettre à 0 et ajouter le flexbox pour tout centrer, ça ne s'invente pas. Merci pour ce cours bien expliqué. Validé 100 % CSS Bullet.
Carl Brison
Carl Brison
Merci beaucoup pour votre commentaire très gentil, Alain ;-)
Valérie Arno
Valérie Arno
Publié le 27/03/2023
Même principe que pour le loader circulaire mais cette fois avec 3 bulles qui clignotent en décalé pour faire patienter l'utilisateur. Pas difficile. Et oui, je me suis amusée à mettre des couleurs à mes bullets. :-) Merci Carl !
Carl Brison
Carl Brison
Merci à vous, Valérie ;-)
Marot Pauline
Marot Pauline
Publié le 30/07/2021
Sympas le loader comme ça, merci
Carl Brison
Carl Brison
Merci beaucoup

Vos questions sur le cours

Quel est le niveau requis pour suivre ce tuto ?

débutant

Que contient le fichier source ?

Le code source de ce tuto

Deux façons de suivre cette formation

À l'unité
Pour vous former sur ce sujet précis
5,99€
Paiement unique, sans abonnement
Accès à vie à cette formation
19m53 de vidéo • 1 chapitre
Satisfait ou remboursé voir conditions
Accès immédiat après paiement
Avec l'abonnement
Pour progresser en continu
34,90€ /mois
Sans engagement
Cette formation + 6 784 autres en illimité
Plus de 20 nouvelles formations par mois
Résiliable en 1 clic, à tout moment
Commencer avec l’abonnement
Accès immédiat, pendant votre abonnement

Inclus dans les deux formules

  • Hors connexion via l'app Tuto.com
  • Salon d'entraide pour vos questions
  • Certificat de complétion
Paiement sécurisé 1,4 million d'apprenants 4.8/5 Trustpilot
Logo carte-bancaire-monoLogo visa-monoLogo mastercardLogo paypal-monoLogo klarna-monoLogo apple-pay-monoLogo google-pay-mono
Une question avant de choisir ? Écrivez-nous ou appelez le 01 84 80 80 29 (du lundi au vendredi, 10h-12h et 14h-16h)

Formations complémentaires

Les apprenants qui suivent cette formation s'intéressent aussi à :

Abonnement 34,90€/mois

Attendez ! 🤗

Accédez à plus de 1426 tutos gratuits

Notre politique de protection des données