13,00

Tuto Création de loader en 12 exemples avec CSS

13,00

  • Une formation vidéo de 1h14m
  • Téléchargement immédiat et visionnage illimité à vie
  • Satisfait ou remboursé
  • Fichiers sources inclus
Création de loader en 12 exemples

ajouter ce cours aux favoris retirer ce cours des favoris

Dans ce tuto en vidéo, nous allons réaliser une série de projets pratiques autour des icônes de chargement.

Savoir créer et intégrer des icônes de chargement, est un passage obligatoire quand on est développeur frontend

Au programme de ce tuto création de loader en 12 exemples

Nous allons dans un premier temps créer 12 icônes de chargements, des "loaders", en CSS. Cela va booster votre niveau en CSS, notamment au niveau des animations, transitions, pseudo-elements, placements...

Puis, nous allons voir comment intégrer un loader lors du chargement d'un site.
Rendez-vous de l'autre côté pour commencer à coder !

Table des matières de cette formation CSS (durée : 1h14m)

  • Introduction
    • Introduction gratuit 00:00:52
    • Code source 00:01:51
    • Mise en place dossier 00:01:26
    • Création de la grille 00:06:03
  • Animations
    • 1. Loader classique gratuit 00:03:00
    • 2. Animation 2 ronds 00:04:27
    • 3. Vague 00:04:51
    • 4. Trois points disparition 00:03:59
    • 5. Texte clignotant 00:06:29
    • 6. Texte disparition 00:02:59
    • 7. Toupie 00:05:06
    • 8. Trois traits rotation 00:05:59
    • 9. Rebondir 00:02:58
    • 10. La classique 00:07:01
    • 11. Anim flou 4 points 00:07:15
    • 12. Flip Panneau 00:03:27
    • Intégrer un loader au chargement d'un site 00:06:53



Formateur : Enzo Ustariz

Enzo Ustariz a publié 52 tutoriels et obtenu une note moyenne de 4,9/5 sur 2 157 tutoriels vendus. Voir les autres formations de Enzo Ustariz

5,0
note moyenne

4
avis laissés
5 étoiles
4
4 étoiles
0
3 étoiles
0
2 étoiles
0
1 étoile
0
  • 5
    avis de jpim laissé le 16/02/2023
    Rapide, clair et comme toujours efficace. Un grand merci !

  • 5
    avis de livinien laissé le 31/01/2022
    Excellente formation Enzo, j'adore !!! C'est typiquement LA FORMATION à avoir pour faire des loaders sur nos sites web. Merci beaucoup pour ce tuto très complet :)

  • 5
    avis de bilcoyotte laissé le 22/03/2020
    Merci encore pour ce tuto clair et précis.

  • Avec quelle version de logiciel ce tuto est-il compatible ?
    CSS
  • Quel est le niveau requis pour suivre ce tuto ?
    débutant
Parcours Developpeur Front End
accédez à plus de 1408 tuto gratuits


non, je ne veux pas me former gratuitement

voir notre politique de protection des données