ホームページ >ウェブフロントエンド >CSSチュートリアル >オープンソースの SVG スピナーのコレクションを構築しました

オープンソースの SVG スピナーのコレクションを構築しました

Susan Sarandon
Susan Sarandonオリジナル
2024-10-17 14:13:30401ブラウズ

リンク: https://magecdn.com/tools/svg-loaders
Github: https://github.com/shubhamjain/svg-spinners

Afif13 や Vineeth TRV などの開発者は、CSS スピナーを使って多くの素晴らしい仕事を行ってきました。ただし、私は個人的に、この目的で CSS を使用することは好きではありません。

なぜ?

  1. コンポーネントの作成が複雑になります。
  2. スタイルシートが乱雑になります。
  3. スピナーを背景や画像として使用することができなくなります。
  4. 色の拡大縮小と変更は、SVG で塗りつぶしやストロークの色を単に調整する場合に比べて面倒です。

SVG ベースのローダーは、はるかに洗練されたソリューションを提供します。私は時間をかけてさまざまなリポジトリと Codepen からスピナーを収集し、集中リソースを作成しました。今のところスピナーは108個です。今後も追加していく予定です。

I Built a Collection of   Open-Source SVG Spinners

すべてのスピナーは MIT ライセンス を取得しています。つまり、制限や帰属表示の必要なく商業的に使用できます。

お楽しみください!

以上がオープンソースの SVG スピナーのコレクションを構築しましたの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。