Autor Zpráva
leorond
Profil
Ahoj, mám udělaný text který mi popojede z jednoho místa na druhé. Problém je v tom že IE s tímto textem ani nehne.
Mám následující zápis

@keyframes animace1 { 
    0% {left:0px; top:0px;} 
    100% {left:200px; top:0px;} 
} 
@-moz-keyframes animace1 { 
    0% {left:0px; top:0px;} 
    100% {left:200px; top:0px;} 
}
@-webkit-keyframes animace1 /* Safari and Chrome */ { 
    0% {left:0px; top:0px;} 
    100% {left:200px; top:0px;} 
} 
@-o-keyframes animace1 /* Opera */ { 
    0% {left:0px; top:0px;} 
    100% {left:200px; top:0px;} 
} 
div { 
    position:relative;
    animation:animace1 1s linear 2s 1 alternate; 
/* Firefox: */ 
    -moz-animation:animace1 1s linear 2s 1 alternate;
/* Safari and Chrome: */ 
    -webkit-animation:animace1 1s linear 2s 1 alternate; 
/* Opera: */ 
    -o-animation:animace1 1s linear 2s 1 alternate; 
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
}

<html>
<body>
    <div style="height: 500px;">
        <span>ROBÍME SVET LEPŠÍM</span>
    </div>
</body>
</html>

Nevíte jak to udělat abych získal podporu i v IE? Děkuji
Str4wberry
Profil
Animování pomocí CSS vlastnost animation funguje od Exploreru 10.

Pro starší je nutné použít JavaScript.
leorond
Profil
Ano vím ale mám IE 11 a animace nefunguje.

Zkoušel jsem všechny možné návody z internetu a nic. V JavaScriptech se moc nevyznám.
Str4wberry
Profil
Tak to možná něco děláte špatně.

Mně funguje: Živá ukázka
leorond
Profil
Mne ta živá ukázka nefunguje v IE :D ale našel jsem JS který by mi pomohl, ovšem Google chrom ho spustí dříve než dám povel a IE 100% :D
Chamurappi
Profil
Reaguji na leoronda:
Mne ta živá ukázka nefunguje v IE :D
A máš opravdu verzi 11?
Teoreticky ji můžeš mít ručně přepnutou na verzi 7, někde v nastavení.
Vypínač animací tam tuším nikde není (bohužel).
leorond
Profil
Kouknu na to
leorond
Profil
Tak jsem zkusil živou ukázku spustit na svém Acer iconia tab w500 a v IE nedělá žádné problémy. Ovšem počítám že někdo by s tím problémy mohl mít a to je problém.
Chamurappi
Profil
Reaguji na leoronda:
Ovšem počítám že někdo by s tím problémy mohl mít a to je problém.
To může mít podobný problém s kterýmkoliv prohlížečem. Běžné chování je jiné, než které pozoruješ.
leorond
Profil
Chamurappi mohu mít otázku? Jak nastavím 2 animace z [#1] aby přijížděli proti sobě?

Zkusil jsem změnit

div { na .napis > span { a přidal jsem celý zápis ještě jednou do style.css s jiným názvem animace a upravenými hodnotami v @keyframes ale nyní mi oba nápisy přijíždí z leva.

Kde dělám chybu?
leorond
Profil
Dlouho jsem hledal a nakonec jsem našel pěkný článek o @keyframes zde developer.tizen.org/community/tip-tech/css3-animations-keyframes takže už se mi to povedlo vyřešit.

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: