当前位置：文江博客话题详情

如何将缩放与-moz-transform一起使用？

发布于 2024-09-10 10:46:31 字数 131 浏览 4 评论 0原文

任何机构都有一个很好的示例，展示如何使用 -moz-transform 进行缩放？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

昨迟人 2024-09-17 10:46:31

您链接到的 MDC 页面实际上很好地解释了这一点。

我给你举了一个简单的例子。演示： http://jsfiddle.net/SZ87b/1/ 代码：

<!doctype html>
<title>-moz-transform scale example</title>
<style>
 p { font-size: 5em; text-align: center; }
 p:hover { -moz-transform: scale(2); }
</style>
<p>Foo bar</p>

The MDC page you linked to actually explains it pretty well.

I made you a quick example. Demo: http://jsfiddle.net/SZ87b/1/ Code:

<!doctype html>
<title>-moz-transform scale example</title>
<style>
 p { font-size: 5em; text-align: center; }
 p:hover { -moz-transform: scale(2); }
</style>
<p>Foo bar</p>

回复收藏 0 原文

燕归巢 2024-09-17 10:46:31

这是市长浏览器的 CSS 示例
值scale(2,4) 将宽度转换为其原始大小的两倍，将高度转换为其原始大小的4 倍。

div {
  transform: scale(2,4);
  -ms-transform: scale(2,4); /* IE 9 */
  -webkit-transform: scale(2,4); /* Safari and Chrome */
  -o-transform: scale(2,4); /* Opera */
  -moz-transform: scale(2,4); /* Firefox */
}

here is an example of the css for the mayor browsers
The value scale(2,4) transforms the width to be twice its original size, and the height 4 times its original size.

div {
  transform: scale(2,4);
  -ms-transform: scale(2,4); /* IE 9 */
  -webkit-transform: scale(2,4); /* Safari and Chrome */
  -o-transform: scale(2,4); /* Opera */
  -moz-transform: scale(2,4); /* Firefox */
}

回复收藏 0 原文