src/third_party/WebKit/LayoutTests/fast/box-shadow/shadow-box-resize-writing-mode.html

   1 <!DOCTYPE html>
   2 <script src="../repaint/resources/text-based-repaint.js"></script>
   3 <script>
   4 function repaintTest()
   5 {
   6     document.getElementById('target1').style.width = '150px';
   7     document.getElementById('target2').style.width = '50px';
   8     document.getElementById('target3').style.height = '150px';
   9     document.getElementById('target4').style.height = '50px';
  10 }
  11 window.onload = runRepaintTest;
  12 </script>
  13 <style>
  14 body {
  15     margin: 0;
  16 }
  17 div {
  18     position: absolute;
  19     width: 100px;
  20     height: 100px;
  21     background-color: green;
  22     box-shadow: 40px 20px black;
  23     -webkit-writing-mode: vertical-rl;
  24 }
  25 #target1 {
  26     top: 100px;
  27     left: 100px;
  28 }
  29 #target2 {
  30     top: 100px;
  31     left: 300px;
  32 }
  33 #target3 {
  34     top: 300px;
  35     left: 100px;
  36 }
  37 #target4 {
  38     top: 300px;
  39     left: 300px;
  40 }
  41 </style>
  42 <div id="target1"></div>
  43 <div id="target2"></div>
  44 <div id="target3"></div>
  45 <div id="target4"></div>