​x
 
<!DOCTYPE html>
<html>
<head>
<style>
#img1 {
  transform: scaleY(0.5);
}
​
#img2 {
  transform: scaleY(70%);
}
​
#img3 {
  transform: scaleY(-0.5);
}
​
#img4 {
  transform: scaleY(1.1);
}
</style>
</head>
<body>
​
<h1>scaleY() 函数</h1>
​
<p>scaleY(0.5):</p>
<img id="img1" src="/i/photo/tulip.jpg" alt="Tulip" width="300" height="300">
​
<p>scaleY(70%):</p>
<img id="img2" src="/i/photo/tulip.jpg" alt="Tulip" width="300" height="300">
​
<p>scaleY(-0.5):</p>
<img id="img3" src="/i/photo/tulip.jpg" alt="Tulip" width="300" height="300">
​
<p>scaleY(1.1):</p>
<img id="img4" src="/i/photo/tulip.jpg" alt="Tulip" width="300" height="300">
​
<p>原始图像：</p>
<img src="/i/photo/tulip.jpg" alt="Tulip" width="300" height="300">
​
</body>
</html>
​