​x
 
1
<!DOCTYPE html>
2
<title>My Example</title>
3
​
4
<style>
5
  .scaled {
6
    transform-origin: top;
7
    transform: perspective(500px) scaleZ(7) rotateX(45deg);
8
    margin-left: 40px;
9
  }
10
</style>
11
​
12
<img src="/pix/samples/9s.jpg" alt="Sample image">
13
<img class="scaled" src="/pix/samples/9s.jpg" alt="Sample image">
14
<p>Some sample text to demonstrate how the resized image fits into the page after the scaling operation.</p>