「C#」transformプロパティのscale関数で要素を拡大縮小させる
書式
transform: scale(横の倍数, 縦の倍数);
scale関数を利用して要素を拡大縮小させます。
使用例
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<!--scale関数で横を1.2倍,縦を0.8倍にする -->
<style>
.trans {
transform: scale(1.2, 0.8);
border: 1px solid #000;
background-color: skyblue;
width: 250px;
height: 60px;
}
.cft {
border: 1px dotted #000;
background-color: yellow;
width: 250px;
height: 60px;
}
</style>
<body>
<div class="cft">
<div class="trans">要素を拡大縮小させる</div>
</div>
</body>
</html>
実行結果
div要素「trans」の内容はscale関数で横を1.2倍,縦を0.8倍にしています。