Move parseFontFaceDescriptor to CSSPropertyParser.cpp
[chromium-blink-merge.git] / third_party / WebKit / LayoutTests / transforms / 2d / compound-transforms-vs-containers.html
blobdc05877e6579810621af993ec11e09acab2abeed
1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
2 "http://www.w3.org/TR/html4/loose.dtd">
4 <html lang="en">
5 <head>
6 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
7 <title>Compare Compound Transforms (translate scale rotate)</title>
9 <style type="text/css" media="screen">
10 div {
11 width: 80px;
12 height: 80px;
13 position: absolute;
15 .container {
16 position: relative;
17 left: 50px;
18 width: 400px;
19 height: 220px;
20 margin: 20px;
21 border: 1px solid black;
23 .box {
24 background-color: green;
26 </style>
27 </head>
28 <body>
30 <p>Test ensures that nested transformed elements produce the same result as a single compound transform.You should not see any red in the two tests below</p>
31 <div class="container">
32 <p>Translate first</p>
33 <div style="transform: translate(75px, 20px)">
34 <div style="transform: scale(1.6, 1.6)">
35 <div style="transform: rotate(45deg)">
36 <div class="box" style="background-color: red">Individual</div>
37 </div>
38 </div>
39 </div>
40 <div class="box" style="transform: translate(75px, 20px) scale(1.6, 1.6) rotate(45deg);"></div>
41 </div>
43 <div class="container">
44 <p>Translate second</p>
45 <div style="transform: scale(1.6, 1.6)">
46 <div style="transform: translate(75px, 20px)">
47 <div style="transform: rotate(45deg)">
48 <div class="box" style="background-color: red">Individual</div>
49 </div>
50 </div>
51 </div>
52 <div class="box" style="transform: scale(1.6, 1.6) translate(75px, 20px) rotate(45deg);"></div>
53 </div>
55 </body>
56 </html>