third_party/WebKit/LayoutTests/fast/box-shadow/shadow-box-resize.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 }
  24 #target1 {
  25     top: 100px;
  26     left: 100px;
  27 }
  28 #target2 {
  29     top: 100px;
  30     left: 300px;
  31 }
  32 #target3 {
  33     top: 300px;
  34     left: 100px;
  35 }
  36 #target4 {
  37     top: 300px;
  38     left: 300px;
  39 }
  40 </style>
  41 <div id="target1"></div>
  42 <div id="target2"></div>
  43 <div id="target3"></div>
  44 <div id="target4"></div>