Maison > interface Web > tutoriel CSS > J'ai construit une collection de spinners SVG open source

J'ai construit une collection de spinners SVG open source

Susan Sarandon
Libérer: 2024-10-17 14:13:30
original
401 Les gens l'ont consulté

Lien : https://magecdn.com/tools/svg-loaders
Github : https://github.com/shubhamjain/svg-spinners

De nombreux développeurs comme Afif13 et Vineeth TRV ont réalisé un excellent travail avec les spinners CSS. Cependant, personnellement, je ne suis pas fan de l’utilisation de CSS à cette fin.

Pourquoi?

  1. Cela complique la création de composants.
  2. Cela encombre vos feuilles de style.
  3. Cela rend impossible l'utilisation de spinners comme arrière-plans ou images.
  4. La mise à l'échelle et la modification des couleurs sont plus fastidieuses que la simple modification de la couleur de remplissage ou de trait en SVG.

Les chargeurs basés sur SVG offrent une solution beaucoup plus élégante. J'ai pris le temps de rassembler les spinners de divers référentiels et Codepens pour créer une ressource centralisée. Jusqu'à présent, c'est 108 filateurs. J'ai l'intention de continuer à en ajouter.

I Built a Collection of   Open-Source SVG Spinners

Tous les spinners sont sous licence MIT, ce qui signifie que vous pouvez les utiliser à des fins commerciales sans aucune restriction ni besoin d'attribution.

Profitez !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:dev.to
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal