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: 9 let
|
0