Mit*_*ran 4 css firefox transform css3
任何正文都有一个很好的例子,展示了如何使用-moz-transform进行缩放?
您链接到的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>
Run Code Online (Sandbox Code Playgroud)
这是市长浏览器的css示例.值刻度(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 */
}
Run Code Online (Sandbox Code Playgroud)
归档时间: |
|
查看次数: |
27504 次 |
最近记录: |