当前阅读教程:CSS3教程 > scale() 方法 | |
阅读(22555525) 收藏 赞(5685) 分享 | |
上一篇: rotate() 方法 | 下一篇: skew() 方法 |
scale()方法,该元素增加或减少的大小,取决于宽度(X轴)和高度(Y轴)的参数 实例scale(2,3)转变宽度为原来的大小的2倍,和其原始大小3倍的高度。 代码<!doctype html> <html> <head> <meta charset="utf-8"> <title>scale() 方法</title> <!--定义内部样式--> <style> div{ width:100px; height:75px; background-color:yellow; border:1px solid black; } div#div2 { margin:100px; transform:scale(2,4);/*scale(2,3)转变宽度为原来的大小的2倍,和其原始大小3倍的高度。*/ -ms-transform:scale(2,4); /* IE 9 */ -moz-transform:scale(2,4); /* Firefox */ -webkit-transform:scale(2,4); /* Safari and Chrome */ -o-transform:scale(2,4); /* Opera */ } </style> </head> <body> <div>你好。这是一个 div 元素。</div> <div id="div2">你好。这是一个 div 元素。</div> </body> </html> 效果图 |
|
上一篇: rotate() 方法 | 下一篇: skew() 方法 |