CSS background-sizeプロパティが `100％ 'を超えていることを意味しますか？

Question

グラデーションアニメーションを使用しています。適用します。

background-size: 100% 100%;ただし、動作しません。

私はbackground-size: 600% 600%;を試してみました。

ピクセルで100％までわかりました。しかし100％を超えている私は得ていない 誰もこれは何を私に説明することができます：600% 600%?どのように計算されますか？あなたは割合

に高さと幅を与えるとき

Answer 1

それは、背景配置領域の指定した割合に対応する寸法で画像を伸ばし。バックグラウンドの位置決め領域は、バックグラウンド原点の値（デフォルトでは、パディングボックス）によって決まります。ただし、背景の背景アタッチメントの値が固定されている場合は、代わりに位置決め領域がビューポート全体になります。負の値は許可されません。

これらは簡単な

https://developer.mozilla.org/en-US/docs/Web/CSS/background-size

https://www.w3.org/TR/css-backgrounds-3/#the-background-size

勾配

https://drafts.csswg.org/css-images-3/#gradients