이미지의 움직임 위 아래로 움직이는 타임 css > 활용팁

본문 바로가기
사이트 내 전체검색

회원로그인

이미지의 움직임 위 아래로 움직이는 타임 css > 활용팁

CSS 이미지의 움직임 위 아래로 움직이는 타임 css

페이지 정보

작성자 totobox 댓글 0건 조회 903회 작성일 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>

 

이미지의 아이디를 설정에 맞게 하시면 이미지가 위 아래로 움직이며 시간조절도 가능하네요

 

그럼 다음에...

댓글목록

등록된 댓글이 없습니다.

접속자집계

오늘
362
어제
560
최대
886
전체
142,741

그누보드5
Copyright © 소유하신 도메인. All rights reserved.