css3 animation in WP7

[gattotondo]

Buongiorno a tutti,
mi sto cimentando nelle simpatiche animazioni del css3 ma mi accorgo che non girano sul mio bellissimo (e poco supportato) nokia Lumia 800 con a bordo wp7.qualcosa...
Ditemi voi, c'è qualche possibilità per rendere visibili le animazioni anche su dispositivi wp7?
Sbaglio qualcosa? Non ho potuto provare su wp8 non avendo o conoscendo nessuno che l'abbia...
Di seguito il codice css3 che ho utilizzato come test:

Spero mi diate buone news! Grazie a tutti.
S.

#intro-owl-sx{
position:absolute;
display:block;
width:185px;
height:155px;
margin-top: 0px;
margin-left: 145px;
transform-origin:101% 50%;
animation: owl-sx 10s linear;
animation-iteration-count: 1;
animation-fill-mode:forwards;
-webkit-transform-origin:101% 50%;
-webkit-animation: owl-sx 10s linear;
-webkit-animation-iteration-count: 1;
-webkit-animation-fill-mode:forwards;
-moz-transform-origin:101% 50%;
-moz-animation: owl-sx 10s linear;
-moz-animation-iteration-count: 1;
-moz-animation-fill-mode:forwards;
-ms-transform-origin:101% 50%;
-ms-animation: owl-sx 10s linear;
-ms-animation-iteration-count: 1;
-ms-animation-fill-mode:forwards;
}
/************************************ ANIMATION OWL SX */
@keyframes owl-sx {
from {
opacity: 0;
transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
}


10% {
opacity: 0;
}


30% {
opacity: 1;
}


50% {
opacity: 1;
transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
}


60% {
opacity: 0;
transform: rotateY(90deg);
-ms-transform: rotateY(90deg);
-moz-transform: rotateY(90deg);
}


to {
opacity: 0;
transform: rotateY(90deg);
-ms-transform: rotateY(90deg);
-moz-transform: rotateY(90deg);
}
}

@-webkit-keyframes owl-sx {
from {
opacity: 0;
-webkit-transform: rotateY(0deg);;
}


10% {
opacity: 0;
}


30% {
opacity: 1;
}


50% {
opacity: 1;
-webkit-transform: rotateY(0deg);
}


60% {
opacity: 0;
-webkit-transform: rotateY(90deg);
}


to {
opacity: 0;
-webkit-transform: rotateY(90deg);
}
}

[Prill]

credo che dipenda dal browser che usi e non dal dispositivo, non hai la possibilità di installare un altro browser oltre a quello presente?

[gattotondo]

Certo, dipende sicuramente dal browser,che nel net ho letto essere un ibrido strano, prima di wp8, ma spesso si trovano escamotage per risolvere... Non è per me, è per fare una cosa sapendo possa essere il più crossbrowser possibile, sia desktop che mobili, anche seso di dover fare scelte su certe proprietà...

[Prill]

il tuo browser dovrebbe essere, a quanto leggo in rete, internet explorer mobile 7, corrispondente a qualcosa fra ie7 e ie8, senza supporto per i css3. Con quei browser qualche effetto css3 può essere ottenuto con filtri proprietari e con vari script o direttamente con jquery. Senza far ricorso a escamotage non potrai rendere le tue animazioni

[gattotondo]

Mi sa proprio di no... La cosa che mi lascia più perplesso è la miriade di prefissi da dover mettere tipo -webkit-,-moz-,-o-,-ms-... Ho un css lungo mille mila righe e i crampi alle dita... Comunque grazie.
S.