スケルトンローダージェネレーター - Free Online Tool | PivaBox

パルスとシマーアニメーションのCSSスケルトンローディングプレースホルダーを生成 — カード、リスト、テキスト、アバター、テーブル、ダッシュボード

スケルトンローダージェネレーター の使い方

1. ドロップダウンからレイアウトタイプを選択します — カード、リスト、テキスト、アバター+テキスト、テーブル、ダッシュボード
2. アニメーション（パルスまたはシマー）を選び、ベース色とハイライト色を選択し、寸法とアイテム数を調整します
3. スケルトンローダーアニメーションをライブプレビューし、生成されたHTMLとCSSコードをコピーします

Frequently Asked Questions

スケルトンローダージェネレーター は無料ですか？

はい、PivaBox スケルトンローダージェネレーターは完全無料でお使いいただけます。すべての生成はブラウザ内でローカルに実行されます。

デザインはサーバーにアップロードされますか？

いいえ。すべてのスケルトンローダー生成とプレビューはブラウザ内で完全に実行されます。デザインがデバイスから外部に送信されることはありません。

どのようなアニメーションタイプがサポートされていますか？

パルス（不透明度の波）とシマー（グラデーションスライド）の2種類のアニメーションをサポートしています。シマーアニメーションはbackground-size: 200% 100%とbackground-positionアニメーションを使用して、モダンUIで人気のローディングシマーエフェクトを作成します。