browser/metro/base/tests/mochiperf/res/divs_test.html

Wed, 31 Dec 2014 06:55:50 +0100

author
Michael Schloh von Bennewitz <michael@schloh.com>
date
Wed, 31 Dec 2014 06:55:50 +0100
changeset 2
7e26c7da4463
permissions
-rw-r--r--

Added tag UPSTREAM_283F7C6 for changeset ca08bd8f51b2

michael@0 1 <!DOCTYPE html>
michael@0 2 <html>
michael@0 3 <head>
michael@0 4 <style>
michael@0 5 #text
michael@0 6 {
michael@0 7 position: absolute;
michael@0 8 left: 1em;
michael@0 9 bottom: 1em;
michael@0 10 }
michael@0 11
michael@0 12 .div1
michael@0 13 {
michael@0 14 transform: rotate(30deg);
michael@0 15 background-color: green;
michael@0 16 opacity: .5;
michael@0 17 position:absolute;
michael@0 18 top: 10px;
michael@0 19 left: 10px;
michael@0 20 width: 600px;
michael@0 21 height: 600px;
michael@0 22 }
michael@0 23
michael@0 24 .div2
michael@0 25 {
michael@0 26 transform: rotate(60deg);
michael@0 27 background-color: blue;
michael@0 28 opacity: .5;
michael@0 29 position:absolute;
michael@0 30 top: 10px;
michael@0 31 left: 600px;
michael@0 32 width: 600px;
michael@0 33 height: 600px;
michael@0 34 }
michael@0 35
michael@0 36 .div3
michael@0 37 {
michael@0 38 transform: rotate(90deg);
michael@0 39 background-image: url("fx.png");
michael@0 40 opacity: .5;
michael@0 41 position:absolute;
michael@0 42 top: 100px;
michael@0 43 left: 300px;
michael@0 44 width: 640px;
michael@0 45 height: 435px;
michael@0 46 }
michael@0 47
michael@0 48 </style>
michael@0 49 </head>
michael@0 50
michael@0 51 <script type="text/javascript">
michael@0 52
michael@0 53 var rot = 30;
michael@0 54 var scale = 1;
michael@0 55 var scaleFactor = .01
michael@0 56 function render()
michael@0 57 {
michael@0 58 rot +=2;
michael@0 59 scale += scaleFactor;
michael@0 60 if (scale > 1.5)
michael@0 61 scaleFactor = -.01;
michael@0 62 if (scale < .1)
michael@0 63 scaleFactor = .01;
michael@0 64 document.getElementById("div1").style.transform = "rotate(" + rot + "deg)";
michael@0 65 document.getElementById("div2").style.transform = "rotate(" + (rot + 30) + "deg)";
michael@0 66 document.getElementById("div3").style.transform = "rotate(" + (rot + 60) + "deg) " + "scale(" + scale + ")";
michael@0 67 }
michael@0 68
michael@0 69 var frames = 0;
michael@0 70
michael@0 71 function go() {
michael@0 72 var now = new Date();
michael@0 73 var evt = document.createEvent("CustomEvent");
michael@0 74 evt.initCustomEvent("teststarted", true, false, {});
michael@0 75 window.dispatchEvent(evt);
michael@0 76 function step(timestamp) {
michael@0 77 render();
michael@0 78 frames++;
michael@0 79 var time = new Date();
michael@0 80 var diff = time.getTime() - now.getTime();
michael@0 81 if (diff < 5000) {
michael@0 82 window.mozRequestAnimationFrame(step);
michael@0 83 } else {
michael@0 84 var evt = document.createEvent("CustomEvent");
michael@0 85 evt.initCustomEvent("testfinished", true, false, { frames: frames });
michael@0 86 window.dispatchEvent(evt);
michael@0 87 }
michael@0 88 }
michael@0 89 window.mozRequestAnimationFrame(step);
michael@0 90 }
michael@0 91
michael@0 92 </script>
michael@0 93 <body onload="setTimeout(go, 2000);">
michael@0 94 <div id="div1" class="div1"></div>
michael@0 95 <div id="div2" class="div2"></div>
michael@0 96 <div id="div3" class="div3"></div>
michael@0 97 <div id="content" style="width:100%;">
michael@0 98 Alice was beginning to get very tired of sitting by her sister
michael@0 99 on the bank, and of having nothing to do: once or twice she had
michael@0 100 peeped into the book her sister was reading, but it had no
michael@0 101 pictures or conversations in it, `and what is the use of a book,'
michael@0 102 thought Alice `without pictures or conversation?'
michael@0 103
michael@0 104 So she was considering in her own mind (as well as she could,
michael@0 105 for the hot day made her feel very sleepy and stupid), whether
michael@0 106 the pleasure of making a daisy-chain would be worth the trouble
michael@0 107 of getting up and picking the daisies, when suddenly a White
michael@0 108 Rabbit with pink eyes ran close by her.
michael@0 109
michael@0 110 There was nothing so VERY remarkable in that; nor did Alice
michael@0 111 think it so VERY much out of the way to hear the Rabbit say to
michael@0 112 itself, `Oh dear! Oh dear! I shall be late!' (when she thought
michael@0 113 it over afterwards, it occurred to her that she ought to have
michael@0 114 wondered at this, but at the time it all seemed quite natural);
michael@0 115 but when the Rabbit actually TOOK A WATCH OUT OF ITS WAISTCOAT-
michael@0 116 POCKET, and looked at it, and then hurried on, Alice started to
michael@0 117 her feet, for it flashed across her mind that she had never
michael@0 118 before seen a rabbit with either a waistcoat-pocket, or a watch to
michael@0 119 take out of it, and burning with curiosity, she ran across the
michael@0 120 field after it, and fortunately was just in time to see it pop
michael@0 121 down a large rabbit-hole under the hedge.
michael@0 122
michael@0 123 In another moment down went Alice after it, never once
michael@0 124 considering how in the world she was to get out again.
michael@0 125
michael@0 126 The rabbit-hole went straight on like a tunnel for some way,
michael@0 127 and then dipped suddenly down, so suddenly that Alice had not a
michael@0 128 moment to think about stopping herself before she found herself
michael@0 129 falling down a very deep well.
michael@0 130
michael@0 131 Either the well was very deep, or she fell very slowly, for she
michael@0 132 had plenty of time as she went down to look about her and to
michael@0 133 wonder what was going to happen next. First, she tried to look
michael@0 134 down and make out what she was coming to, but it was too dark to
michael@0 135 see anything; then she looked at the sides of the well, and
michael@0 136 noticed that they were filled with cupboards and book-shelves;
michael@0 137 here and there she saw maps and pictures hung upon pegs. She
michael@0 138 took down a jar from one of the shelves as she passed; it was
michael@0 139 labelled `ORANGE MARMALADE', but to her great disappointment it
michael@0 140 was empty: she did not like to drop the jar for fear of killing
michael@0 141 somebody, so managed to put it into one of the cupboards as she
michael@0 142 fell past it.
michael@0 143
michael@0 144 `Well!' thought Alice to herself, `after such a fall as this, I
michael@0 145 shall think nothing of tumbling down stairs! How brave they'll
michael@0 146 all think me at home! Why, I wouldn't say anything about it,
michael@0 147 even if I fell off the top of the house!' (Which was very likely
michael@0 148 true.)
michael@0 149
michael@0 150 Down, down, down. Would the fall NEVER come to an end! `I
michael@0 151 wonder how many miles I've fallen by this time?' she said aloud.
michael@0 152 `I must be getting somewhere near the centre of the earth. Let
michael@0 153 me see: that would be four thousand miles down, I think--' (for,
michael@0 154 you see, Alice had learnt several things of this sort in her
michael@0 155 lessons in the schoolroom, and though this was not a VERY good
michael@0 156 opportunity for showing off her knowledge, as there was no one to
michael@0 157 listen to her, still it was good practice to say it over) `--yes,
michael@0 158 that's about the right distance--but then I wonder what Latitude
michael@0 159 or Longitude I've got to?' (Alice had no idea what Latitude was,
michael@0 160 or Longitude either, but thought they were nice grand words to
michael@0 161 say.)
michael@0 162
michael@0 163 Presently she began again. `I wonder if I shall fall right
michael@0 164 THROUGH the earth! How funny it'll seem to come out among the
michael@0 165 people that walk with their heads downward! The Antipathies, I
michael@0 166 think--' (she was rather glad there WAS no one listening, this
michael@0 167 time, as it didn't sound at all the right word) `--but I shall
michael@0 168 have to ask them what the name of the country is, you know.
michael@0 169 Please, Ma'am, is this New Zealand or Australia?' (and she tried
michael@0 170 to curtsey as she spoke--fancy CURTSEYING as you're falling
michael@0 171 through the air! Do you think you could manage it?) `And what
michael@0 172 an ignorant little girl she'll think me for asking! No, it'll
michael@0 173 never do to ask: perhaps I shall see it written up somewhere.'
michael@0 174
michael@0 175 Down, down, down. There was nothing else to do, so Alice soon
michael@0 176 began talking again. `Dinah'll miss me very much to-night, I
michael@0 177 should think!' (Dinah was the cat.) `I hope they'll remember
michael@0 178 her saucer of milk at tea-time. Dinah my dear! I wish you were
michael@0 179 down here with me! There are no mice in the air, I'm afraid, but
michael@0 180 you might catch a bat, and that's very like a mouse, you know.
michael@0 181 But do cats eat bats, I wonder?' And here Alice began to get
michael@0 182 rather sleepy, and went on saying to herself, in a dreamy sort of
michael@0 183 way, `Do cats eat bats? Do cats eat bats?' and sometimes, `Do
michael@0 184 bats eat cats?' for, you see, as she couldn't answer either
michael@0 185 question, it didn't much matter which way she put it. She felt
michael@0 186 that she was dozing off, and had just begun to dream that she
michael@0 187 was walking hand in hand with Dinah, and saying to her very
michael@0 188 earnestly, `Now, Dinah, tell me the truth: did you ever eat a
michael@0 189 bat?' when suddenly, thump! thump! down she came upon a heap of
michael@0 190 sticks and dry leaves, and the fall was over.
michael@0 191
michael@0 192 Alice was not a bit hurt, and she jumped up on to her feet in a
michael@0 193 moment: she looked up, but it was all dark overhead; before her
michael@0 194 was another long passage, and the White Rabbit was still in
michael@0 195 sight, hurrying down it. There was not a moment to be lost:
michael@0 196 away went Alice like the wind, and was just in time to hear it
michael@0 197 say, as it turned a corner, `Oh my ears and whiskers, how late
michael@0 198 it's getting!' She was close behind it when she turned the
michael@0 199 corner, but the Rabbit was no longer to be seen: she found
michael@0 200 herself in a long, low hall, which was lit up by a row of lamps
michael@0 201 hanging from the roof.
michael@0 202
michael@0 203 There were doors all round the hall, but they were all locked;
michael@0 204 and when Alice had been all the way down one side and up the
michael@0 205 other, trying every door, she walked sadly down the middle,
michael@0 206 wondering how she was ever to get out again.
michael@0 207
michael@0 208 Suddenly she came upon a little three-legged table, all made of
michael@0 209 solid glass; there was nothing on it except a tiny golden key,
michael@0 210 and Alice's first thought was that it might belong to one of the
michael@0 211 doors of the hall; but, alas! either the locks were too large, or
michael@0 212 the key was too small, but at any rate it would not open any of
michael@0 213 them. However, on the second time round, she came upon a low
michael@0 214 curtain she had not noticed before, and behind it was a little
michael@0 215 door about fifteen inches high: she tried the little golden key
michael@0 216 in the lock, and to her great delight it fitted!
michael@0 217
michael@0 218 Alice opened the door and found that it led into a small
michael@0 219 passage, not much larger than a rat-hole: she knelt down and
michael@0 220 looked along the passage into the loveliest garden you ever saw.
michael@0 221 How she longed to get out of that dark hall, and wander about
michael@0 222 among those beds of bright flowers and those cool fountains, but
michael@0 223 she could not even get her head though the doorway; `and even if
michael@0 224 my head would go through,' thought poor Alice, `it would be of
michael@0 225 very little use without my shoulders. Oh, how I wish
michael@0 226 I could shut up like a telescope! I think I could, if I only
michael@0 227 know how to begin.' For, you see, so many out-of-the-way things
michael@0 228 had happened lately, that Alice had begun to think that very few
michael@0 229 things indeed were really impossible.
michael@0 230
michael@0 231 There seemed to be no use in waiting by the little door, so she
michael@0 232 went back to the table, half hoping she might find another key on
michael@0 233 it, or at any rate a book of rules for shutting people up like
michael@0 234 telescopes: this time she found a little bottle on it, (`which
michael@0 235 certainly was not here before,' said Alice,) and round the neck
michael@0 236 of the bottle was a paper label, with the words `DRINK ME'
michael@0 237 beautifully printed on it in large letters.
michael@0 238
michael@0 239 It was all very well to say `Drink me,' but the wise little
michael@0 240 Alice was not going to do THAT in a hurry. `No, I'll look
michael@0 241 first,' she said, `and see whether it's marked "poison" or not';
michael@0 242 for she had read several nice little histories about children who
michael@0 243 had got burnt, and eaten up by wild beasts and other unpleasant
michael@0 244 things, all because they WOULD not remember the simple rules
michael@0 245 their friends had taught them: such as, that a red-hot poker
michael@0 246 will burn you if you hold it too long; and that if you cut your
michael@0 247 finger VERY deeply with a knife, it usually bleeds; and she had
michael@0 248 never forgotten that, if you drink much from a bottle marked
michael@0 249 `poison,' it is almost certain to disagree with you, sooner or
michael@0 250 later.
michael@0 251
michael@0 252 However, this bottle was NOT marked `poison,' so Alice ventured
michael@0 253 to taste it, and finding it very nice, (it had, in fact, a sort
michael@0 254 of mixed flavour of cherry-tart, custard, pine-apple, roast
michael@0 255 turkey, toffee, and hot buttered toast,) she very soon finished
michael@0 256 it off.
michael@0 257
michael@0 258 * * * * * * *
michael@0 259
michael@0 260 * * * * * *
michael@0 261
michael@0 262 * * * * * * *
michael@0 263
michael@0 264 `What a curious feeling!' said Alice; `I must be shutting up
michael@0 265 like a telescope.'
michael@0 266
michael@0 267 And so it was indeed: she was now only ten inches high, and
michael@0 268 her face brightened up at the thought that she was now the right
michael@0 269 size for going through the little door into that lovely garden.
michael@0 270 First, however, she waited for a few minutes to see if she was
michael@0 271 going to shrink any further: she felt a little nervous about
michael@0 272 this; `for it might end, you know,' said Alice to herself, `in my
michael@0 273 going out altogether, like a candle. I wonder what I should be
michael@0 274 like then?' And she tried to fancy what the flame of a candle is
michael@0 275 like after the candle is blown out, for she could not remember
michael@0 276 ever having seen such a thing.
michael@0 277 </div>
michael@0 278 </body></html>

mercurial