Créez de superbes chargeurs CSS

Générez des animations de chargement CSS personnalisées en quelques secondes grâce à notre interface intuitive de type glisser-déposer. Aucun codage n’est requis !

Personnalisez votre chargeur

Type de chargeur

Color

Size 40px

Speed 1s

Options

Preview

.loader { border: 4px solid #f3f3f3; border-radius: 50%; border-top: 4px solid #165DFF; width: 40px; height: 40px; animation: spin 1s linear infinite; }  @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

Comment utiliser

Personnalisez votre chargeur à l’aide des commandes sur la gauche
Cliquez sur le bouton
Copiez le code
Collez-le dans votre projet

Exemples populaires de Loader Chargeur

Chargeur

3 Dots d’impulsions Facile à mettre en œuvre

Chargeur

Classic 100% CSS

Dual Ring

Double cercle moderne

Chargeur de rebond Points

rebondissants Animation

Anneau de chargement

avec point Conception

Chargeur

Points de mise à l’échelle Comment Lightweight

utiliser les

Mise en œuvre

L’utilisation des chargeurs CSS générés par cet outil est simple. Il suffit de copier le code HTML et CSS généré dans votre projet.

Étape 1 : Ajouter le CSS

Add the generated CSS code to your stylesheet or in a