CSS 애니메이션이 Safari에서 작동하지 않는 Chrome에서 작동

Question

절대 위치가 css3 애니메이션으로 위치를 변경할 때 div가 필요합니다. 트릭은 Chomre (웹킷)에서 작동하지만 iDevices 용 Safari에서는 작동하지 않습니다. 가 위치 변경 갑자기 (smothly 크롬) 천천히

무엇을 할 수 있습니다 사라진다 천천히 나타난다 : 사파리에서

는 다음과 같은나요? - 내가 0 % =에서 100 % = 시도하고 같은 동작을

EDIT를 얻을 수있다

@-webkit-keyframes myfirst /* Safari and Chrome */ 
{ 
0% {opacity: 0; bottom: 2px; right: 5%;} 
25% {opacity: 1; bottom: 2px; right: 5%;} 
75% {opacity: 1; bottom: 40%; right: 5%;} 
100% {opacity: 0; bottom: 40%; right: 5%;} 
} 

조언에 감사> * * 사파리 나 바닥 만들어 보자 그나마 해결하고자 : 2 픽셀을; 오른쪽 : 5 %; 아래쪽 : 40 %; 오른쪽 : 5 %;

@-webkit-keyframes myfirst /* Safari and Chrome */ 
{ 
0% {opacity: 0; bottom: 1%; right: 5%;} 
25% {opacity: 1; bottom: 1%; right: 5%;} 
75% {opacity: 1; bottom: 40%; right: 5%;} 
100% {opacity: 0; bottom: 40%; right: 5%;} 
} 

Answer 1

@-webkit-keyframes myfirst /* Safari and Chrome */ 
{ 
0% {opacity: 0; bottom: 1%; right: 5%;} 
25% {opacity: 1; bottom: 1%; right: 5%;} 
75% {opacity: 1; bottom: 40%; right: 5%;} 
100% {opacity: 0; bottom: 40%; right: 5%;} 
}