summaryrefslogtreecommitdiffstats
path: root/third_party/WebKit/LayoutTests/fast/transforms/diamond.html
blob: 88393ad8a924797c7d1fb9588c52c8f240c159f2 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<head>
<style>
div {
  width:100px;
  height:100px;
  background-color:skyblue;
  float:left;
  border: 5px solid black;
  margin:5px;
}

.rotated {
  transform: rotate(45deg);
}
</style>
<p>You should see three blocks below.  The middle one should look like a diamond because it has been rotated 45 degrees.</p>

<div></div>

<div class="rotated"></div>

<div></div>