6,00

Tuto Créer un triple loader circulaire en CSS avec CSS, jQuery

6,00

  • Une formation vidéo de 26m58s
  • Téléchargement immédiat et visionnage illimité à vie
  • Satisfait ou remboursé
  • Fichiers sources inclus
Créer un triple loader circulaire en CSS

ajouter ce cours aux favoris retirer ce cours des favoris

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.

Table des matières de cette formation CSS, jQuery (durée : 26m58s)

    • Créer un loader circulaire 00:08:51
    • Tripler le loader circulaire 00:06:11
    • BONUS : Intégrer le loader au chargement de la page web 00:11:12
    • Conclusion 00:00:44



Formateur : Carl Brison

Carl Brison a publié 332 tutoriels et obtenu une note moyenne de 4,9/5 sur 19 025 tutoriels vendus. Carl Brison est un formateur certifié tuto.com. Voir les autres formations de Carl Brison

5,0
note moyenne

1
avis laissé
5 étoiles
1
4 étoiles
0
3 étoiles
0
2 étoiles
0
1 étoile
0
  • 5
    avis de devfront_45 laissé 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
    "Merci beaucoup pour votre commentaire très gentil, Alain ;-)"

  • 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.
Parcours Developpeur Front End
accédez à plus de 1428 tuto gratuits


non, je ne veux pas me former gratuitement

voir notre politique de protection des données