layout/reftests/transform-3d/split-intersect2-ref.html

   1 <!DOCTYPE html>
   2 <html>
   3
   4 <head>
   5 <meta http-equiv="content-type" content="text/html; charset=UTF-8">
   6 <meta charset="utf-8">
   7 <title>Split intersect 2 ref</title>
   8
   9 <style>
  10 .container {
  11   margin: 0 0;
  12   width: 400px;
  13   height: 400px;
  14 }
  15
  16 .shape {
  17   margin: 0 0;
  18   position: absolute;
  19 }
  20
  21 .red {
  22   background-color: rgba(255,0,0,1);
  23
  24   width: 100px;
  25   height: 15px;
  26
  27   top: 150.5px;
  28   left: 73px;
  29 }
  30
  31 .green1 {
  32   background-color: rgba(0,255,0,1);
  33
  34   width: 30px;
  35   height: 42.5px;
  36
  37   top: 108px;
  38   left: 88px;
  39 }
  40
  41 .green2 {
  42   background-color: rgba(0,255,0,1);
  43
  44   width: 30px;
  45   height: 50px;
  46
  47   top: 158px;
  48   left: 88px;
  49 }
  50
  51 .blue1 {
  52   background-color: rgba(0,0,255,1);
  53
  54   top: 108px;
  55   left: 128px;
  56
  57   width: 30px;
  58   height: 42.5px;
  59 }
  60
  61 .blue2 {
  62   background-color: rgba(0,0,255,1);
  63
  64   width: 30px;
  65   height: 50px;
  66
  67   top: 158px;
  68   left: 128px;
  69 }
  70 </style>
  71 </head>
  72
  73 <body>
  74   <div class="container">
  75     <div class="shape red"></div>
  76     <div class="shape green1"></div>
  77     <div class="shape green2"></div>
  78     <div class="shape blue1"></div>
  79     <div class="shape blue2"></div>
  80   </div>
  81 </body>
  82 </html>