278 outils gratuits
Outils en ligne
278 outils gratuits, sans inscription ni installation, tout se passe dans votre navigateur.
278 outils gratuits, sans inscription ni installation, tout se passe dans votre navigateur.
Galerie d'animations de chargement en CSS pur
Un indicateur de chargement bien choisi rend l'attente moins frustrante et votre interface plus soignée. Cette galerie propose huit loaders en CSS pur : anneau, points sautillants, barres d'égaliseur, pulsation, vague, carré 3D… Choisissez un modèle, ajustez la couleur, la taille et la vitesse, puis copiez le HTML et le CSS générés : aucune image, aucune bibliothèque JavaScript, juste quelques lignes d'animation @keyframes qui fonctionnent dans tous les navigateurs. Les animations utilisent transform et opacity, les propriétés les plus performantes à animer, pour un rendu fluide même sur mobile.
Le CSS est plus léger (quelques lignes contre des dizaines de kilo-octets), net sur tous les écrans, recolorable instantanément et fluide. Un GIF animé est pixellisé, pèse lourd et ne s'adapte pas à votre charte graphique.
Copiez le bloc HTML à l'endroit voulu, ajoutez le CSS dans votre feuille de style, c'est tout. Pour le masquer une fois le contenu chargé, retirez l'élément du DOM ou passez-le en display: none via JavaScript.