​x
 
1
<!DOCTYPE html>
2
<title>My Example</title>
3
​
4
<style>
5
  .translated {
6
    transform: translateX(60px);
7
  }
8
  div {
9
    background: orange;
10
  }
11
  div:after {
12
    content: "\2190 x-axis \2192";
13
    float: right;
14
  }
15
</style>
16
​
17
<div>
18
  <img src="/pix/bg/tiles/checkerboard_100x100_2.gif" alt="Sample image">
19
</div>
20
<div>
21
  <img class="translated" src="/pix/bg/tiles/checkerboard_100x100_2.gif" alt="Sample image">
22
</div>