LayoutTests/svg/zoom/page/zoom-background-images.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4     <style>
   5         img, div {
   6             display: inline-block;
   7             margin: 20px 20px;
   8             border: 2px solid black;
   9             width: 220px;
  10             height: 220px;
  11         }
  12
  13         .png {
  14             background-image: url(../../custom/resources/green-checker.png);
  15             background-repeat: no-repeat;
  16             background-position: center;
  17         }
  18
  19         .svg {
  20             background-image: url(resources/circle.svg);
  21         }
  22
  23         .gradient {
  24                         background-image: -webkit-repeating-radial-gradient(top left, red, blue 20px, red 40px);
  25         }
  26     </style>
  27 </head>
  28
  29 <body>
  30 <div class="png"></div>
  31 <div class="svg"></div>
  32 <div class="gradient"></div>
  33 <img src="resources/circle.svg"></img>
  34
  35 <script>var zoomCount = 3; window.shouldZoomOut = true;</script>
  36 <script src="../resources/testPageZoom.js"></script>
  37
  38 </body>
  39 </html>