这个{{变压器刻度}} 跨浏览器兼容性模板给出CSS公司用于缩放和/或翻转样式属性中的元素的代码。在内部使用style=“”HTML元素的属性，如其他CSS属性。
用法
-
<span style=“{{变压器刻度|沿X的比例因子|沿Y轴的比例因子}}">要缩放和/或翻转的元素</span>
或
-
<span style=“{{变压器刻度|沿X的比例因子|沿Y轴的比例因子|显示器=显示}}">要缩放和/或翻转的元素</span>
带参数
-
沿X的比例因子：第一个未命名参数{{{1|0}}}用于沿X缩放（默认值为1.0）。
- 负值也会沿X翻转。
-
沿Y轴的比例因子：第二个未命名参数{{{2|0}}}用于沿Y轴缩放（默认值为1.0）。
- 负值也会沿Y翻转。
-
显示：命名参数显示允许您更改CSS显示属性。默认为内联块；.
使用此模板创建缩放效果时，编辑器应仔细考虑可达性.
注释:IE8或更低版本不支持此模板。IE8需要繁琐的矩阵计算。
示例
缩放发生在对象边界框的中心，其有效尺寸将保留对象的原始值，就像未缩放一样，因此可以调整位置和填充以避免不必要的重叠。使用显示参数以进一步控制定位。
| 语法 |
|
结果 |
|
|
<span style=“{{transform-scale|-1.5}}”>A</span>B</span>C</span]D</span>
|
|
A类 B类 C类 D类 E类
|
|
|
<span style=“{{transform-scale|1.0|-1.5}}”>A</span>B</span>C</span]D</span>
|
|
A类 B类 C类 D类 E类
|
|
|
∑</span><span style=“{{transform-scale|1.0|-5.0}}”>∑</span>
|
|
∫ ∫ ∫ ∫ ∫
|
|
|
<div style=“position:relative；top:0px；left:0px；{{transform-scale|1.0|1.0|display=block}}”>[[文件：Clockface.png|200px]]</div>
|
|
|
|
|
<div style=“position:relative；top:0px；left:0px；{{transform-scale|1.25|1.0|display=block}}”>[[文件：Clockface.png|200px]]</div>
|
|
|
|
|
<div style=“position:relative；top:0px；left:0px；{{transform-scale|1.0|1.25|display=block}}”>[[文件：Clockface.png|200px]]</div>
|
|
|
|
|
<div style=“position:relative；top:0px；left:0px；{{transform-scale|0.75|1.25|display=block}}”>[[文件：Clockface.png|200px]]</div>
|
|
|
|
|
<div style=“position:relative；top:0px；left:0px；{{transform-scale|-1.0|1.0|display=block}}”>[[文件：Clockface.png|200px]]</div>
|
|
|
|
|
<div style=“position:relative；top:0px；left:0px；{{transform-scale|1.0|-1.0|display=block}}”>[[文件：Clockface.png|200px]]</div>
|
|
|
|
|
<div style=“border:3px solid red；width:150px；position:relative；top:50px；opacity:0.5；{{transform-scale|-0.75|1.25|display=block}}”>Lorem ipsum dolor sit amet，consectetur adipiscing elit，sed do eiusmod tempo incididunt ut labour et dolore magna aliqua</div（分频）>
|
|
Lorem ipsum dolor sit amet，consectetur adipsicing elit，sed do eiusmod tempora incididunt ut labour et dolore magna aliqua（劳伦·伊普桑·多洛尔·阿米特（洛雷姆·伊普桑·哀悼），圣职告别精英，sed。
|
另请参阅
外部链接
