이미지가 담긴 박스 하나를 위 아래로 각각 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;}
}
코드입니다.