ghostfox/MaszToZadanieDomowe.com
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Akordeon prawie działa

Browse Source
This commit is contained in:
Dark Steveneq
2025-09-21 21:53:34 +02:00
parent cfbea5f2f4
commit af44dc6be9
6 changed files with 236 additions and 277 deletions
Download Patch File Download Diff File Expand all files Collapse all files

51
js-podstawy.html
View File

@@ -6,8 +6,8 @@
<title>JS Podstawowe Zad. - MaszToZadanieDomowe.com</title>
<link href="/favicon.ico" rel="favicon">
<link href="/assets/css/main.css" rel="stylesheet">
<script data-goatcounter="https://zeszyt.nonamesoft.xyz/count"
async src="/assets/js/count.js"></script>
<script data-goatcounter="https://zeszyt.nonamesoft.xyz/count" async src="/assets/js/count.js"></script>
<script src="/assets/js/nawigacja.js"></script>
<script src="/assets/js/akordeon.js"></script>
<script src="/assets/js/js-podstawy.js"></script>
</head>
@@ -42,7 +42,7 @@
<li>
<h4>Zmiana rozmiaru tekstu</h4>
<hr>
<pre class="fixed25rem" id="zad3-tekst">Przykładowy tekst</pre>
<pre class="kod fixed25rem" id="zad3-tekst">Przykładowy tekst</pre>
<hr>
<strong>Rozmiar tekstu:</strong> <span id="zad3-output"></span><br>
<input type="range" min="8" max="36" step="1" name="rozmiar" id="zad3-rozmiar" value="14" oninput="zad3ZmienRozmiar()">
@@ -86,49 +86,10 @@
<br>
<li>
<h4>Akordeon</h4>
<akordeon state="closed">
</akordeon>
<div class="akordeon">
<span>Tytuł akordeonu</span>
<pre>
.wrong {
--offset: 5rem;
--timing: 3s;
--interp: ease;
position: relative;
animation: Wrong var(--timing) var(--interp); /* nwm czy dobre to być */
}
@keyframes Wrong {
0% {
left: 0%;
}
14% {
left: -var(--offset);
}
28% {
left: var(--offset);
}
42% {
left: -var(--offset);
}
56% {
left: var(--offset);
}
70% {
left: -var(--offset);
}
84% {
left: var(--offset);
}
98% {
left: 0%;
}
}
</pre>
</div>
<hr>
<akordeon-comp>
<h2>After polling after pooling nightshaft</h2>
</akordeon-comp>
</li>
<br>
<li>