layout/reftests/forms/progress/transformations-ref.html

changeset 0
6474c204b198
     1.1 --- /dev/null	Thu Jan 01 00:00:00 1970 +0000
     1.2 +++ b/layout/reftests/forms/progress/transformations-ref.html	Wed Dec 31 06:09:35 2014 +0100
     1.3 @@ -0,0 +1,78 @@
     1.4 +<!DOCTYPE html>
     1.5 +<html>
     1.6 +  <link rel='stylesheet' type='text/css' href='style.css'>
     1.7 +  <style>
     1.8 +    body > div:nth-child(1) { -moz-transform: matrix(1, -0.2, 0, 1, 0, 0); }
     1.9 +    body > div:nth-child(2) { -moz-transform: translateX(15em) matrix(1, 0, 0.6, 1, 0, 0); }
    1.10 +    body > div:nth-child(3) { -moz-transform: rotate(30deg); }
    1.11 +    body > div:nth-child(4) { -moz-transform: scale(2, 4); }
    1.12 +    body > div:nth-child(5) { -moz-transform: scale(0.1, 0.4); }
    1.13 +    body > div:nth-child(6) { -moz-transform: scale(1, 0.4); }
    1.14 +    body > div:nth-child(7) { -moz-transform: scale(0.1, 1); }
    1.15 +    body > div:nth-child(8) { -moz-transform: skew(30deg, -10deg); }
    1.16 +    body > div:nth-child(9) { -moz-transform: skew(-30deg, 10deg); }
    1.17 +    body > div:nth-child(10) { -moz-transform: translate(10px, 30px); }
    1.18 +    body > div:nth-child(11) { -moz-transform: translate(30px, 10px); }
    1.19 +    body > div:nth-child(12) { -moz-transform: translate(-10px, 30px); }
    1.20 +    body > div:nth-child(13) { -moz-transform: translate(30px, -10px); }
    1.21 +    body > div:nth-child(14) { -moz-transform: scale(0, 0); }
    1.22 +  </style>
    1.23 +  <body>
    1.24 +    <div class="progress-element">
    1.25 +      <div class="progress-bar">
    1.26 +      </div>
    1.27 +    </div>
    1.28 +    <div class="progress-element">
    1.29 +      <div class="progress-bar">
    1.30 +      </div>
    1.31 +    </div>
    1.32 +    <div class="progress-element">
    1.33 +      <div class="progress-bar">
    1.34 +      </div>
    1.35 +    </div>
    1.36 +    <div class="progress-element">
    1.37 +      <div class="progress-bar">
    1.38 +      </div>
    1.39 +    </div>
    1.40 +    <div class="progress-element">
    1.41 +      <div class="progress-bar">
    1.42 +      </div>
    1.43 +    </div>
    1.44 +    <div class="progress-element">
    1.45 +      <div class="progress-bar">
    1.46 +      </div>
    1.47 +    </div>
    1.48 +    <div class="progress-element">
    1.49 +      <div class="progress-bar">
    1.50 +      </div>
    1.51 +    </div>
    1.52 +    <div class="progress-element">
    1.53 +      <div class="progress-bar">
    1.54 +      </div>
    1.55 +    </div>
    1.56 +    <div class="progress-element">
    1.57 +      <div class="progress-bar">
    1.58 +      </div>
    1.59 +    </div>
    1.60 +    <div class="progress-element">
    1.61 +      <div class="progress-bar">
    1.62 +      </div>
    1.63 +    </div>
    1.64 +    <div class="progress-element">
    1.65 +      <div class="progress-bar">
    1.66 +      </div>
    1.67 +    </div>
    1.68 +    <div class="progress-element">
    1.69 +      <div class="progress-bar">
    1.70 +      </div>
    1.71 +    </div>
    1.72 +    <div class="progress-element">
    1.73 +      <div class="progress-bar">
    1.74 +      </div>
    1.75 +    </div>
    1.76 +    <div class="progress-element">
    1.77 +      <div class="progress-bar">
    1.78 +      </div>
    1.79 +    </div>
    1.80 +  </body>
    1.81 +</html>

mercurial