움직이는 애니메이션 시간을 길게 했더니 뚝뚝 끊기면서 움직입니다.
조회수 2429회
이미지가 담긴 박스 하나를 위 아래로 각각 150픽셀 정도씩 총 80초동안 움직이는걸 반복시키는대 부드럽게 움직이지 않고 계속 끊기면서 움직이는대 어떻게 못하나요?
.imgBox img{
position:absolute;
top:0px;
-webkit-animation: listImg 80s linear infinite;
animation: listImg 80s linear infinite;
}
@-webkit-keyframes listImg{
50%{top:-150px;}
100%{top:0px;}
}
@keyframes listImg{
50%{top:-150px;}
100%{top:0px;}
}
코드입니다.
-
(•́ ✖ •̀)
알 수 없는 사용자 - 〉
1 답변
-
아 맞다 ㅋㅋ 저도 이쪽에 손 안 댄지 오래되서 짱구가 잘 안돌아가네요. 에휴... 나이가 들어서 근가...
아래처럼 하면 될 거에요.
.imgBox img{ position:absolute; transform: translate(0, 0); animation: listImg 80s linear infinite; } @keyframes listImg{ 50%{transform: translate(0, -150px);} 100%{transform: translate(0, 0);} }
댓글 입력