 |
位置：电子教程 > CSS3教程 (如果看不到内容请使用360浏览器) | 推荐学习资源 |
|
位置：电子教程 > CSS3教程 (如果看不到内容请使用360浏览器) | 推荐学习资源 |
| 当前阅读教程：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() 方法 |
