要素のサイズを変更するCSS変換スケールのプロパティを使用します

要素の縮尺を変更するには、CSSを持っている  transform そのとともに、プロパティを  scale() 機能。

次のコード例では、ページ上のすべての段落要素の大きさを倍増します：

P { 
  変換：スケール（2 ）。
}

 

練習タイトル：

IDと要素のサイズを大きく  ball2 1.5倍元のサイズ。

 

実践コード：

1 <スタイル>
 2    .ball {
 3      幅40ピクセル。
4      高さ：40ピクセル。
5      マージン：50 自動;
6      位置：固定。
7      背景：直鎖勾配（
 8        35deg、
 9        #ccffff、
 10        #ffcccc
 11      ）。
12      境界半径：50％。
13    }
 14    ＃1 ball1 {
 15      左：20重量％。
16    }
 17   ball2 {＃
 18は      左：65％に、
 19 <！ - -ここでの唯一のすべてのコードを記述することなく、空白を埋めることができ>
 20は、      変換（スケール1.5 ）;
 21である   }
 22れている </スタイル>
 23であり、 
24 DIV < クラス = " ボール" ID = " ball1 " > </ div>の
 25の<div クラス = " ボール" ID = " ball2 " > </ div>

 

効果：