ディテールと演出 · 仕上げの小技
スケルトン骨架屏微光
- 待機
- 控えめ
- 構造的
読み込み中はグレーのブロックが場所を押さえ、光がゆっくり走ります。待ち時間に形ができ、止まって見えません。
使いどころ
構造が分かっていて読み込みが 300ms を超えるときに使います。速い読み込みや構造不明の場合は、ちらつくので使わないでください。
パラメータ
linear-gradient sweep · 1.5s linear infinite · radius matches real content
レシピ
スケルトン → 1.5s linearスケルトン → linear-gradient sweep · radius matches real content
AI に渡す一文
このリストにスケルトンを追加してください。実コンテンツと同じサイズ・角丸のグレーのブロックを置き、linear-gradient の光を 1.5s、linear、無限ループで走らせます。