UTILS.
100 % dans le navigateur

Générateur de spinner CSS

Générez un spinner de chargement en CSS pur et copiez le CSS.

À propos de cet outil

Créez un spinner de chargement en CSS pur dans un style anneau, points ou barres, avec une taille, une couleur et une vitesse personnalisées, puis copiez le CSS et les keyframes. L'aperçu s'anime en direct dans votre navigateur.

Foire aux questions

Le spinner nécessite-t-il des images ou du JavaScript ?
Non — il est construit uniquement à partir d'éléments HTML et de keyframes CSS, donc il fonctionne sur n'importe quelle page sans ressources supplémentaires.
Comment modifier sa vitesse de rotation ?
Le curseur de vitesse définit la durée de l'animation en secondes ; une valeur plus petite tourne plus vite et une valeur plus grande plus lentement.

Plus d'outils