| Autor | Zpráva | ||
|---|---|---|---|
| Jcas Profil |
#1 · Zasláno: 27. 1. 2022, 14:32:32
Dobrý den,
před spuštěním animace bych rád nadefinoval hodnoty z <select>.
Výchozí css hodnoty zvládám přes document.getElementById("...")
Lze ale nastavit i hodnoty pro @keyframes animace { 0%{width: 20px;} 100%{width: 50px;} }
Mohu poprosit ukázku zápisu?
<select id="konec" onchange="animace()">
<option value="100">100</option> /* width při 100% bude 100px */
<option value="200">200</option> /* width při 100% bude 200px */
</select> |
||
| Radek9 Profil |
#2 · Zasláno: 27. 1. 2022, 17:10:24
Třeba nějak takhle. Stačí použít CSS proměnnou:
:root {
--max-width: 50px;
}
@keyframes animace {
0% {
width: 20px;
}
100% {
width: var(--max-width);
}
}A pak ji na vhodném místě v JS změnit: document.querySelector(':root').style.setProperty('--max-width', this.value + 'px') |
||
| Jcas Profil |
#3 · Zasláno: 28. 1. 2022, 09:10:15
Radek9:
super, děkuji |
||
|
Časová prodleva: 2 roky
|
|||
0