UTILS.
100% ブラウザ内で完結

CSS スピナージェネレーター

純 CSS のローディングスピナーを生成して CSS をコピーできます。

このツールについて

リング、ドット、バーのスタイルで、サイズ、色、速度をカスタマイズした純 CSS のローディングスピナーを作成し、CSS とキーフレームをコピーできます。プレビューはブラウザ内でライブにアニメーションします。

よくある質問

スピナーに画像や JavaScript は必要ですか?
いいえ。HTML 要素と CSS キーフレームだけで構成されているため、追加のアセットなしで任意のページで動作します。
回転の速さを変えるにはどうすればよいですか?
速度スライダーはアニメーションの再生時間を秒単位で設定します。値を小さくすると速く回転し、大きくすると遅く回転します。

その他のツール