CSSローダージェネレーター について
純粋CSSのローディングアニメーション — スピナー、ドット、バー、その他 — をプロジェクトに貼り付け可能なHTML + CSS出力で生成します。
CSSローダージェネレーター の使い方
- 1ローダータイプを選択します：スピナー、ドット、バー、リング、パルス、バウンス、ウェーブ、またはオービット。
- 2デザインに合わせてサイズとアニメーション速度を調整します。
- 3ブランドに合わせてプライマリカラーとセカンダリカラーを選びます。
- 4リアルタイムでアニメーションをプレビューします。
- 5CSSとHTMLスニペットをコピーしてプロジェクトにローダーを追加します。
ヒント
- インラインのローディングインジケーターには小さく（24-48px）、フルページオーバーレイには大きく（64px以上）してください。
- ブランドのパレットに合わせたローダーの色で、洗練された一貫したUXを実現してください。
- スピナーとリングタイプは最も広く認知されているローディングインジケーターです。
無料 vs 有料の制限
無料：基本タイプ。Starter以上：プレミアムローダータイプ。
OneKitTools チーム更新日 2.21.4