任何机构都有一个很好的例子,显示如何使用-moz-transform的比例?如何使用-moz-transform进行缩放?
4
A
回答
9
The MDC page you linked to实际上解释得很好。
我给你做了个快速的例子。演示: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>
5
这里是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 */
}
2
当使用缩放(或旋转)变换时,您可能需要设置原点。
transform-origin: top left;
以获得您正在寻找的效果。
相关问题
- 1. 如何使用Pixi进行svg缩放
- 2. 使用CSS进行缩放
- 3. 如何制作MotionEvent进行缩放?
- 4. 如何使用ployfit对数据进行居中和缩放
- 5. 如何使用jQuery进行文字阴影缩放?
- 6. 如何防止使用SpriteKit进行图像缩放?
- 7. 如何使用CSS进行布局缩放?
- 8. 如何在X轴上使用Core Plot进行缩放
- 9. 如何使用jquery的android设备对webapps进行缩放zoom
- 10. 如何使用Imagemagick在CodeIgniter中进行重力缩放?
- 11. 如何使用opengl进行放大和缩小?
- 12. WP7(windows phone 7)如何使用PhotoCamera进行缩放?
- 13. 如何使用JQuery进行图像自动缩放,动画和缩小?
- 14. 如何使用pigz进行解压缩
- 15. 使用Silverlight进行图像缩放(缩小尺寸)
- 16. ImageView的,不进行缩放
- 17. 使用实体框架对十进制数进行缩放
- 18. 使用PNG或JPEG与OpenLayers进行地图(缩放/缩放问题)
- 19. 谷歌地图(网络应用程序)如何在iphone/ipad上使用手势/缩放进行平滑缩放?
- 20. 如何使用poltergeist进行拖放?
- 21. 无法获得MozTransform使用JavaScript
- 22. 如何在不使用matplotlib对图像进行缩放的情况下重新缩放坐标轴?
- 23. 如何在Java中使用LZMA SDK进行压缩/解压缩
- 24. 从画布中的不同点进行缩放/缩放
- 25. 如何分别使用两个PerspectiveCameras及其两个对象进行缩放?
- 26. 如何使用WPF TrackballDecorator(3dTools)上的鼠标滚动进行缩放?
- 27. 如何选择<use>并且可以使用svg.pan-zoom.js进行缩放?
- 28. 如何让(笛卡尔)图表轴使用科学记数法进行缩放?
- 29. React native:如何使用导航器进行“共享元素/缩放”转换?
- 30. 如何在vim中使用缩进进行Web开发?
dos html5 doc类型是必须的吗? – 2010-07-20 10:31:34
@Mithun:不,HTML5 DOCTYPE不需要这个例子的工作。理解专有的“-moz-transform”CSS属性的浏览器是。 – 2010-07-20 18:44:33
您应该知道的一个问题是,FF从中间缩放,而所有其他使用'zoom'css属性的浏览器从右上角缩放。 – 2012-02-11 16:02:30