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

Wed, 31 Dec 2014 06:09:35 +0100

author
Michael Schloh von Bennewitz <michael@schloh.com>
date
Wed, 31 Dec 2014 06:09:35 +0100
changeset 0
6474c204b198
permissions
-rw-r--r--

Cloned upstream origin tor-browser at tor-browser-31.3.0esr-4.5-1-build1
revision ID fc1c9ff7c1b2defdbc039f12214767608f46423f for hacking purpose.

michael@0 1 <!DOCTYPE html>
michael@0 2 <html>
michael@0 3 <link rel='stylesheet' type='text/css' href='style.css'>
michael@0 4 <style>
michael@0 5 body > div:nth-child(1) { -moz-transform: matrix(1, -0.2, 0, 1, 0, 0); }
michael@0 6 body > div:nth-child(2) { -moz-transform: translateX(15em) matrix(1, 0, 0.6, 1, 0, 0); }
michael@0 7 body > div:nth-child(3) { -moz-transform: rotate(30deg); }
michael@0 8 body > div:nth-child(4) { -moz-transform: scale(2, 4); }
michael@0 9 body > div:nth-child(5) { -moz-transform: scale(0.1, 0.4); }
michael@0 10 body > div:nth-child(6) { -moz-transform: scale(1, 0.4); }
michael@0 11 body > div:nth-child(7) { -moz-transform: scale(0.1, 1); }
michael@0 12 body > div:nth-child(8) { -moz-transform: skew(30deg, -10deg); }
michael@0 13 body > div:nth-child(9) { -moz-transform: skew(-30deg, 10deg); }
michael@0 14 body > div:nth-child(10) { -moz-transform: translate(10px, 30px); }
michael@0 15 body > div:nth-child(11) { -moz-transform: translate(30px, 10px); }
michael@0 16 body > div:nth-child(12) { -moz-transform: translate(-10px, 30px); }
michael@0 17 body > div:nth-child(13) { -moz-transform: translate(30px, -10px); }
michael@0 18 body > div:nth-child(14) { -moz-transform: scale(0, 0); }
michael@0 19 </style>
michael@0 20 <body>
michael@0 21 <div class="progress-element">
michael@0 22 <div class="progress-bar">
michael@0 23 </div>
michael@0 24 </div>
michael@0 25 <div class="progress-element">
michael@0 26 <div class="progress-bar">
michael@0 27 </div>
michael@0 28 </div>
michael@0 29 <div class="progress-element">
michael@0 30 <div class="progress-bar">
michael@0 31 </div>
michael@0 32 </div>
michael@0 33 <div class="progress-element">
michael@0 34 <div class="progress-bar">
michael@0 35 </div>
michael@0 36 </div>
michael@0 37 <div class="progress-element">
michael@0 38 <div class="progress-bar">
michael@0 39 </div>
michael@0 40 </div>
michael@0 41 <div class="progress-element">
michael@0 42 <div class="progress-bar">
michael@0 43 </div>
michael@0 44 </div>
michael@0 45 <div class="progress-element">
michael@0 46 <div class="progress-bar">
michael@0 47 </div>
michael@0 48 </div>
michael@0 49 <div class="progress-element">
michael@0 50 <div class="progress-bar">
michael@0 51 </div>
michael@0 52 </div>
michael@0 53 <div class="progress-element">
michael@0 54 <div class="progress-bar">
michael@0 55 </div>
michael@0 56 </div>
michael@0 57 <div class="progress-element">
michael@0 58 <div class="progress-bar">
michael@0 59 </div>
michael@0 60 </div>
michael@0 61 <div class="progress-element">
michael@0 62 <div class="progress-bar">
michael@0 63 </div>
michael@0 64 </div>
michael@0 65 <div class="progress-element">
michael@0 66 <div class="progress-bar">
michael@0 67 </div>
michael@0 68 </div>
michael@0 69 <div class="progress-element">
michael@0 70 <div class="progress-bar">
michael@0 71 </div>
michael@0 72 </div>
michael@0 73 <div class="progress-element">
michael@0 74 <div class="progress-bar">
michael@0 75 </div>
michael@0 76 </div>
michael@0 77 </body>
michael@0 78 </html>

mercurial