CSS3
CSS3 2D 转换
scale()方法,该元素增加或减少的大小,取决于宽度(X轴)和高度(Y轴)的参数
源代码:
点击运行 »
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style> div { margin: 150px; width: 200px; height: 100px; background-color: yellow; border: 1px solid black; border: 1px solid black; -ms-transform: scale(2, 3); /* IE 9 */ -webkit-transform: scale(2, 3); /* Safari */ transform: scale(2, 3); /* 标准语法 */ } </style> </head> <body> <p>scale() 方法用于增加或缩小元素的大小。</p> <div> div 元素的宽度是原始大小的两倍,高度是原始大小的三倍。 </div> </body> </html
运行结果:
点击运行 »