third_party/WebKit/LayoutTests/fast/borders/border-image-rotate-transform.html

   1 <html>
   2 <head>
   3     <style>
   4         body { overflow: hidden; }
   5         div {
   6             border-width: 21px 30px 30px 21px;
   7             width: 75px;
   8             height: 75px;
   9             margin: 10px;
  10             display: inline-block;
  11         }
  12
  13         div.rr {
  14             -webkit-border-image: url("resources/border-image.png") 21 30 30 21 repeat repeat;
  15         }
  16
  17         div.rs {
  18             -webkit-border-image: url("resources/border-image.png") 21 30 30 21 repeat stretch;
  19         }
  20
  21         div.sr {
  22             -webkit-border-image: url("resources/border-image.png") 21 30 30 21 stretch repeat;
  23         }
  24
  25         div.ss {
  26             -webkit-border-image: url("resources/border-image.png") 21 30 30 21 stretch stretch;
  27         }
  28     </style>
  29 </head>
  30 <body style="transform: rotate(10deg); -webkit-transform-origin: 0 250px">
  31     <div class="rr"></div>
  32     <div class="rs"></div>
  33     <br>
  34     <div class="sr"></div>
  35     <div class="ss"></div>
  36 </body>
  37 </html>