Merge Chromium + Blink git repositories
[chromium-blink-merge.git] / third_party / WebKit / LayoutTests / css3 / calc / transforms-translate.html
blob9d67e4c43248d5730113564840ea1464243a2319
1 <!DOCTYPE HTML>
2 <style>
3 div {
4 width:100px;
5 height:100px;
6 margin:50px;
7 background-color:green;
10 #translatex {
11 transform: translatex(calc(50% + 10px));
13 #translatey {
14 transform: translatey(calc(40% - 5px));
16 #translatez {
17 transform: perspective(calc(100px * 5)) translatez(calc(10px + 90px));
19 </style>
20 <div id="translatex">translate x</div>
21 <div id="translatey">translate y</div>
22 <div id="translatez">translate z</div>