| Autor | Zpráva | ||
|---|---|---|---|
| leorond Profil |
#1 · Zasláno: 29. 10. 2015, 21:46:35
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 |
#2 · Zasláno: 29. 10. 2015, 22:10:08
Animování pomocí CSS vlastnost
animation funguje od Exploreru 10.
Pro starší je nutné použít JavaScript. |
||
| leorond Profil |
#3 · Zasláno: 29. 10. 2015, 22:27:04
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 |
#4 · Zasláno: 29. 10. 2015, 23:13:53
Tak to možná něco děláte špatně.
Mně funguje: Živá ukázka |
||
| leorond Profil |
#5 · Zasláno: 29. 10. 2015, 23:40:19
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 |
#6 · Zasláno: 30. 10. 2015, 04:46:00
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 |
#7 · Zasláno: 30. 10. 2015, 14:04:21
Kouknu na to
|
||
| leorond Profil |
#8 · Zasláno: 1. 11. 2015, 12:02:47
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 |
#9 · Zasláno: 1. 11. 2015, 12:25:00
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 |
#10 · Zasláno: 1. 11. 2015, 12:34:27
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 |
#11 · Zasláno: 1. 11. 2015, 14:15:02
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.
|
||
|
Časová prodleva: 8 let
|
|||
0