CSS 缩放
CSS 的 zoom 属性在控制元素的放大级别方面非常有用。
zoom 是 CSS 的非标准属性,建议使用 transform: scale() 函数获得相同的输出结果。
可能的值
- normal :指定元素应该以正常大小呈现。
-
reset :指定元素在用户应用非捏合式缩放之前不应该进行放大。 不推荐 ,请使用 unset 值。
-
<percentage>
:任何百分值称为缩放因子。- 值等于 100% 是 normal 。
-
值大于 100% 表示元素应该 放大 。
-
值小于 100% 表示元素应该 缩小 。
-
<number>
:与百分比值相对应的任何数字值。例如:1.0 = 100% = normal。- 值等于 1.0 是 normal 。
-
值大于 1.0 表示元素应该 放大 。
-
值小于 1.0 表示元素应该 缩小 。
适用于
所有的 HTML 元素。
DOM 语法
示例
这是一个示例:
这里是另一个例子:
这是一个例子,当鼠标悬停在h1元素上时,它会放大:
这是一个示例,其中动画在鼠标悬停时添加,同时还有缩放效果: