Rozdíly
Zde můžete vidět rozdíly mezi vybranou verzí a aktuální verzí dané stránky.
Obě strany předchozí revize Předchozí verze Následující verze | Předchozí verze | ||
krouzek:animace_2023 [2023/11/22 16:16] – admin | krouzek:animace_2023 [2023/11/22 17:50] (aktuální) – admin | ||
---|---|---|---|
Řádek 22: | Řádek 22: | ||
top: 150px; | top: 150px; | ||
left: 200px; | left: 200px; | ||
- | background-color: | + | background-color: |
} | } | ||
</ | </ | ||
Řádek 46: | Řádek 46: | ||
let top = 250 | let top = 250 | ||
let left = 100 | let left = 100 | ||
+ | </ | ||
+ | |||
+ | |||
+ | === Animace === | ||
+ | <code html> | ||
+ | < | ||
+ | <html lang=" | ||
+ | < | ||
+ | <meta charset=" | ||
+ | < | ||
+ | |||
+ | < | ||
+ | #ctverec { | ||
+ | position: absolute; | ||
+ | /* rozmery ctverce: sirka(width) a vyska(height) */ | ||
+ | width: 200px; | ||
+ | height: 200px; | ||
+ | /* pozice leveho horniho rohu ctverce vuci parent elementu: | ||
+ | top = jak daleko od horni hrany | ||
+ | left = jak daleko od leve hrany | ||
+ | | ||
+ | right = jak daleko od prave hrany | ||
+ | */ | ||
+ | top: 150px; | ||
+ | left: 150px; | ||
+ | background-color: | ||
+ | } | ||
+ | </ | ||
+ | |||
+ | < | ||
+ | // vychozi hodnota | ||
+ | let poziceCtverce = 0 | ||
+ | |||
+ | | ||
+ | function(){ | ||
+ | poziceCtverce = poziceCtverce + 10 | ||
+ | document.getElementById(" | ||
+ | }, | ||
+ | 500 | ||
+ | ) | ||
+ | </ | ||
+ | </ | ||
+ | |||
+ | < | ||
+ | < | ||
+ | </ | ||
+ | </ | ||
</ | </ |