Heim >Web-Frontend >CSS-Tutorial >Ich habe eine Sammlung von Open-Source-SVG-Spinnern erstellt

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

Susan Sarandon
Susan SarandonOriginal
2024-10-17 14:13:30408Durchsuche

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.

I Built a Collection of   Open-Source SVG Spinners

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!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn