css3 애니메이션을 사용하여 텍스트 블록을 이동하려고합니다. Safari 및 iPad UIWebview에서는 애니메이션이 부드럽 지 않습니다. 여기에 code입니다. 훨씬 더 매끄럽게 만들 수있는 방법이 있습니까? 이미지를 움직일 때 더 눈에.니다. 다른 타이밍 기능을 사용했지만 여전히 원활하지 않습니다.간단한 css3 애니메이션이 사파리와 iPad에서 원활하지 않습니다. UIWebView
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style type="text/css">
div
{
width:100px;
height:100px;
position:relative;
-webkit-animation-name: mymove;
-webkit-animation-duration: 2s;
-webkit-animation-fill-mode:forwards;
-webkit-animation-iteration-count: 1;
-webkit-animation-timing-function: linear;
}
@-webkit-keyframes mymove
{
from {left:0px;}
to {left:200px;}
}
</style>
</head>
<body>
<div>Move this block</div>
</body>
</html>