位置:电子教程 > CSS3教程 (如果看不到内容请使用360浏览器) 推荐学习资源
CSS3基础样式
CSS3 高级样式
当前阅读教程:CSS3教程 > scale() 方法
阅读(22555525)      收藏       赞(5685)      分享
上一篇: rotate() 方法 下一篇: skew() 方法

scale()方法,该元素增加或减少的大小,取决于宽度(X轴)和高度(Y轴)的参数

实例

scale2,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>
效果图

小白教程网www.2d5.net

image.png



上一篇: rotate() 方法 下一篇: skew() 方法
毕业设计网             广告联系QQ:45157718(微信同号)