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);
}
}