スケール (Scale)
Scale修飾では、要素の幅や高さを個別に変更することができます。例えば、Blob要素の縦または横をつぶして楕円にします。
Scale 修飾は、Scale XとScale Yの2つのプロパティを持っています。
要素を水平につぶすには、Scale X を100%以下に設定し、広くするには、このパラメータに100%より大きな値を設定します。
|
|
|
| Scale X = 50% |
Scale X = 100% |
Scale X = 140% |
要素は、Scale Yプロパティを100%より小さくするか、100%より大きくするかによって、つぶしたり、広げたりすることができます。
|
|
|
| Scale Y = 30% |
Scale Y = 100% |
Scale Y = 130% |
|