CSS 이미지의 움직임 위 아래로 움직이는 타임 css
페이지 정보
작성자 totobox 댓글 0건 조회 29,425회 작성일 17-12-14 17:43본문
<style>
.bang
{
position: relative;
display:block;
max-width:400px;
margin:0px auto;
animation:animatedbang 3s infinite;
}
@keyframes animatedbang
{
0%{transform:translateY(10px);}
50%{transform:translateY(-20px);}
100%{transform:translateY(10px);}
}
</style>
이미지의 아이디를 설정에 맞게 하시면 이미지가 위 아래로 움직이며 시간조절도 가능하네요
그럼 다음에...
.bang
{
position: relative;
display:block;
max-width:400px;
margin:0px auto;
animation:animatedbang 3s infinite;
}
@keyframes animatedbang
{
0%{transform:translateY(10px);}
50%{transform:translateY(-20px);}
100%{transform:translateY(10px);}
}
</style>
이미지의 아이디를 설정에 맞게 하시면 이미지가 위 아래로 움직이며 시간조절도 가능하네요
그럼 다음에...
관련링크
댓글목록
등록된 댓글이 없습니다.