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