0 added
0 removed
Original
2026-01-01
Modified
2026-03-09
1
<p><b>Loading…</b>Everything will be ready in few seconds</p>
1
<p><b>Loading…</b>Everything will be ready in few seconds</p>
2
<ul><li>Theory</li>
2
<ul><li>Theory</li>
3
<li>Theory</li>
3
<li>Theory</li>
4
<li>Comments</li>
4
<li>Comments</li>
5
</ul><h2>Landing, step 1</h2>
5
</ul><h2>Landing, step 1</h2>
6
<p>Our space journey passed in the blink of an eye. Hooray, the Moon is right in front of us: we’re preparing to land!</p>
6
<p>Our space journey passed in the blink of an eye. Hooray, the Moon is right in front of us: we’re preparing to land!</p>
7
<h2>Comments</h2>
7
<h2>Comments</h2>
8
<ul><li>index.html</li>
8
<ul><li>index.html</li>
9
<li>style.css</li>
9
<li>style.css</li>
10
</ul><p>HTML</p>
10
</ul><p>HTML</p>
11
<p><!DOCTYPE html> <html lang="en"> <head> <title>Landing, step 1</title> <meta charset="utf-8"> <link rel="stylesheet" href="epoch5.css"> <link rel="stylesheet" href="style.css"> </head> <body class="cosmic"> <div class="moon"></div> <div class="rocket arrival"> <span class="fuel"></span> </div> </body> </html></p>
11
<p><!DOCTYPE html> <html lang="en"> <head> <title>Landing, step 1</title> <meta charset="utf-8"> <link rel="stylesheet" href="epoch5.css"> <link rel="stylesheet" href="style.css"> </head> <body class="cosmic"> <div class="moon"></div> <div class="rocket arrival"> <span class="fuel"></span> </div> </body> </html></p>
12
<p>Thanks! We’ll fix everything at once!</p>
12
<p>Thanks! We’ll fix everything at once!</p>
13
<p>The code has changed, click “Refresh” or turn autorun on.</p>
13
<p>The code has changed, click “Refresh” or turn autorun on.</p>
14
<p>You’ve gone to a different page</p>
14
<p>You’ve gone to a different page</p>
15
<p>Click inside the mini-browser to shift the focus onto this window.</p>
15
<p>Click inside the mini-browser to shift the focus onto this window.</p>
16
<p>100%</p>
16
<p>100%</p>
17
<ol><li>Create an animation fly containing a frame to with a transform: translate(240px, 260px) rotate(-30deg) transformation,</li>
17
<ol><li>Create an animation fly containing a frame to with a transform: translate(240px, 260px) rotate(-30deg) transformation,</li>
18
<li>then assign this animation to the rocket .rocket:1.5s in duration, ease-out type, keep the state after animation.</li>
18
<li>then assign this animation to the rocket .rocket:1.5s in duration, ease-out type, keep the state after animation.</li>
19
</ol>
19
</ol>