コース推薦：

CSS scale3d()関数

定義と使用方法 scale3d() CSSの

scale3d() 関数は、要素の3D拡大を定義します。

scale3d() 関数は、要素がx、y、z方向にどの程度拡大するかを定義します。 transform 属性で使用されています。

インスタンス

例1

を使用して scale3d() 複数の<div>要素を拡大する：

#myDiv1 {
  transform: scale3d(0.8, 0.8, 0.8);
}
#myDiv2 {
  transform: scale3d(-0.5, -0.5, -0.5);
}
#myDiv3 {
  transform: scale3d(1.1, 1.2, 1);
}

実際に試してみてください

例2

を使用して scale3d() 画像の拡大：

#img1 {
  transform: scale3d(0.8, 0.8, 0.8);
}
#img2 {
  transform: scale3d(-0.5, -0.5, -0.5);
}
#img3 {
  transform: scale3d(1.1, 1.1, 1);
}

実際に試してみてください

CSS文法

scale3d(sx, sy, sz)

技術的な詳細

ブラウザのサポート

テーブルの数字は、その機能を完全にサポートする最初のブラウザのバージョンを示しています。

相关页面

教程：CSS 3D 变换

参考：CSS transform 属性

参考：CSS scale 属性

参考：CSS scale() 函数

参考：CSS scaleX() 函数

参考：CSS scaleY() 函数