Ich habe eine Sammlung von Open-Source-SVG-Spinnern erstellt

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

Entwickler wie Afif13 und Vineeth TRV haben viel großartige Arbeit mit CSS-Spinnern geleistet. Allerdings bin ich persönlich kein Fan davon, CSS für diesen Zweck zu verwenden.

Warum?

1. Es erschwert die Komponentenerstellung.
2. Es überfüllt Ihre Stylesheets.
3. Es macht die Verwendung von Spinnern als Hintergrund oder Bild unmöglich.
4. Das Skalieren und Ändern von Farben ist umständlicher als das einfache Anpassen der Füll- oder Strichfarbe in SVG.

SVG-basierte Lader bieten eine weitaus elegantere Lösung. Ich habe mir die Zeit genommen, Spinner aus verschiedenen Repositories und Codepens zu sammeln, um eine zentralisierte Ressource zu erstellen. Bisher sind es 108 Spinner. Ich habe vor, weiter hinzuzufügen.

Alle Spinner sind MIT-lizenziert, was bedeutet, dass Sie sie ohne Einschränkungen oder ohne Quellenangabe kommerziell nutzen können.

Viel Spaß!

Das obige ist der detaillierte Inhalt vonIch habe eine Sammlung von Open-Source-SVG-Spinnern erstellt. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!