スケール

[ ] のところを書きかえて使ってください。英語のほうが伝わりやすいツールもあります。

[モーダル]を、90%の大きさから100%にスケールしながら出してください（0.3秒くらい）。大きく拡大しすぎないこと。動きを減らす設定の人には、拡大せずにそのまま出してください。

Show [the modal] by scaling it from 90% to 100% over about 0.3s. Keep the scale change small. For people who prefer reduced motion, show it without scaling.

ひとりAIラボ作成のテンプレートです（各社の公式ガイドの文ではありません）。

確認日 2026年11月2日。公式ガイドのページを開いて、本文にこの言葉（英語）が出てくるかを見ました。「公式記載なし」は、出典のページに見当たらなかったという意味です。

• 大きく拡大したり、大きな物を横に流したりする動きは、前庭障害（内耳の障害）のある人に負担になります。パララックスやズームで、乗り物酔いのようになる人もいます。^[7][8]
• 動かすのは transform と opacity にします。レイアウトや描画のやり直しが起きるプロパティは、どうしても必要なとき以外は避けます。^[9]

1. 1.v0 Docs（トップ）（外部サイト、新しいタブで開く）https://v0.app/docs
2. 2.v0 Docs「Text Prompting」（外部サイト、新しいタブで開く）https://v0.app/docs/text-prompting
3. 3.v0 Docs「Design Mode」（外部サイト、新しいタブで開く）https://v0.app/docs/design-mode
4. 4.Lovable Docs「Prompting best practices」（外部サイト、新しいタブで開く）https://docs.lovable.dev/prompting/prompting-one
5. 5.Lovable Docs「Prompt library」（外部サイト、新しいタブで開く）https://docs.lovable.dev/prompting/prompting-library
6. 6.MDN「Using CSS animations」（外部サイト、新しいタブで開く）https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_animations/Using_CSS_animations
7. 7.MDN「prefers-reduced-motion」（外部サイト、新しいタブで開く）https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-reduced-motion
8. 8.web.dev（prefers-reduced-motion の記事）（外部サイト、新しいタブで開く）https://web.dev/articles/prefers-reduced-motion
9. 9.web.dev（アニメーションの性能の記事）（外部サイト、新しいタブで開く）https://web.dev/articles/animations-guide