iOS 용 CSS 3.0 애니메이션

Question

iOS에서이 코드를 작동 시키려면 어떻게해야합니까?

내 iPad에는 translate 속성이 표시되지 않습니다. -webkit-backface-visibility: hidden;과 -webkit-transform: translate3d을 읽었지만 작동하지 않습니다.

.logo-box { 
    display: inline-block; 
    vertical-align:middle; 
    width:115px; 
    margin: 0px 10px 0px 10px; 
    -webkit-transition: .7s; 
    -moz-transition: .7s; 
    -o-transition: .7s; 
    -ms-transition: .7s; 
    transition: .7s; 
} 

.logo-box:hover { 
    transform: translate(0,-20px); 
    -webkit-transform: translate(0,-20px); /** Safari & Chrome **/ 
    -o-transform: translate(0,-20px); /** Opera **/ 
    -moz-transform: translate(0,-20px); /** Firefox **/ 
    -webkit-transition: .5s; 
    -moz-transition: .5s; 
    -o-transition: .5s; 
    -ms-transition: .5s; 
    transition: .5s; 
} 

Answer 1

경우에 따라 관점을 추가하면 도움이됩니다. 작동하는 경우 추가하고 보려고 할 수 있습니다. 여기에서 읽을 수 있습니다 : http://www.w3schools.com/cssref/css3_pr_perspective.asp