HTML Diff
0 added 0 removed
Original 2026-01-01
Modified 2026-03-09
1 <ul><li>index.html</li>
1 <ul><li>index.html</li>
2 <li>style.css</li>
2 <li>style.css</li>
3 </ul><p>HTML</p>
3 </ul><p>HTML</p>
4 <p>&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;title&gt;Pre- and post-animation state: animation-fill-mode, step 4&lt;/title&gt; &lt;meta charset="utf-8"&gt; &lt;link rel="stylesheet" href="epoch3.css"&gt; &lt;link rel="stylesheet" href="style.css"&gt; &lt;/head&gt; &lt;body class="scientific"&gt; &lt;div class="battery"&gt; &lt;span class="energy-logo"&gt;&lt;/span&gt; &lt;span class="energy-fill"&gt;&lt;/span&gt; &lt;/div&gt; &lt;div class="battery"&gt; &lt;span class="energy-logo"&gt;&lt;/span&gt; &lt;span class="energy-fill mega-energy-fill"&gt;&lt;/span&gt; &lt;/div&gt; &lt;/body&gt; &lt;/html&gt;</p>
4 <p>&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;title&gt;Pre- and post-animation state: animation-fill-mode, step 4&lt;/title&gt; &lt;meta charset="utf-8"&gt; &lt;link rel="stylesheet" href="epoch3.css"&gt; &lt;link rel="stylesheet" href="style.css"&gt; &lt;/head&gt; &lt;body class="scientific"&gt; &lt;div class="battery"&gt; &lt;span class="energy-logo"&gt;&lt;/span&gt; &lt;span class="energy-fill"&gt;&lt;/span&gt; &lt;/div&gt; &lt;div class="battery"&gt; &lt;span class="energy-logo"&gt;&lt;/span&gt; &lt;span class="energy-fill mega-energy-fill"&gt;&lt;/span&gt; &lt;/div&gt; &lt;/body&gt; &lt;/html&gt;</p>
5 <p>Thanks! We’ll fix everything at once!</p>
5 <p>Thanks! We’ll fix everything at once!</p>
6 <p>You’ve gone to a different page</p>
6 <p>You’ve gone to a different page</p>
7 <p>Click inside the mini-browser to shift the focus onto this window.</p>
7 <p>Click inside the mini-browser to shift the focus onto this window.</p>
8 <p>100%</p>
8 <p>100%</p>
9 <p>Set the following parameters to the charge of the experimental battery .mega-energy-fill:</p>
9 <p>Set the following parameters to the charge of the experimental battery .mega-energy-fill:</p>
10 <ol><li>number of animation cycles 2</li>
10 <ol><li>number of animation cycles 2</li>
11 <li>and an alternating animation direction.</li>
11 <li>and an alternating animation direction.</li>
12 </ol>
12 </ol>