이 애니메이션이있는 CSS에 시간 간격을 추가 할 수 있습니까?

Question

나는 easing CSS를 만들었지 만 그것을 "bottom up"방향으로 바꿀 것이다. 문제는, 나는 그것을 두 번 움직이게하고 초 동안 멈추고, 다시 두 번 움직이고, 초 동안 멈추고 그런 반복을 할 필요가 있다는 것입니다. 내 웹 사이트에 맨 위로 버튼으로 추가하고 싶습니다. 현재 버튼이 계속 이동합니다. 내가 말했듯이, 나는 그것이 두번 움직 이도록하고, 잠시 멈추고 계속하기를 원합니다. 누구?

Answer 1

percentage setting으로 편안하게 놀 수 있습니다.

간단한 예 :

@keyframes mymove { 
    0% {left: 0px;} 
    20% {left: 20px;} 
    40% {left: 0px;} 
    60% {left: 20px;} 
    100% {left: 20px;} 
} 

대신`에서/to`이 fiddle