third_party/WebKit/LayoutTests/css3/motion-path/compute-distance-expected.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <style>
   5 div {
   6     position: absolute;
   7     transform-origin: 0% 0%;
   8 }
   9 #div1 {
  10     transform: translate3d(300px, 10px, 1px);
  11 }
  12 #div2 {
  13     transform: translate3d(200px, 20px, 2px);
  14 }
  15 #div3 {
  16     transform: translate3d(100px, 30px, 3px);
  17 }
  18 #div4 {
  19     transform: translate3d(300px, 40px, 4px);
  20 }
  21 #div5 {
  22     transform: translate3d(200px, 50px, 5px);
  23 }
  24 #div6 {
  25     transform: translate3d(100px, 60px, 6px);
  26 }
  27 #div7 {
  28     transform: translate3d(0px, 70px, 7px);
  29 }
  30 #div8 {
  31     transform: translate3d(200px, 80px, 8px);
  32 }
  33 #div9 {
  34     transform: translate3d(1000px, 90px, 9px);
  35 }
  36 #div10 {
  37     transform: translate3d(0px, 100px, 10px);
  38 }
  39 #div11 {
  40     transform: translate3d(200px, 110px, 11px);
  41 }
  42 #div12 {
  43     transform: translate3d(1000px, 120px, 12px);
  44 }
  45 </style>
  46 </head>
  47 <body>
  48 <div id="div1">div1</div>
  49 <div id="div2">div2</div>
  50 <div id="div3">div3</div>
  51 <div id="div4">div4</div>
  52 <div id="div5">div5</div>
  53 <div id="div6">div6</div>
  54 <div id="div7">div7</div>
  55 <div id="div8">div8</div>
  56 <div id="div9">div9</div>
  57 <div id="div10">div10</div>
  58 <div id="div11">div11</div>
  59 <div id="div12">div12</div>
  60 </body>
  61 </html>