[ HTML&CSS ] CSS 상하 animation
작성일 20-07-20 17:44
페이지 정보
작성자IPFT 조회 213회 댓글 0건본문
원하는 곳에 포인트로 주면 좋은 animation CSS 입니다.
<style>
.animation_box{display:block;position: relative;background-color:#ddd;width:100px;}
.animation_ab{display:block;position:absolute;top:20px;left:50%;width:100px;height:20px;margin-left:-50px;
animation: animation_move 0.5s linear 0s infinite alternate;
}
.animation_ab a{color:#000;background:#ddd;width:100%;display:block;}
@keyframes animation_move {
0% {margin-top: 0px;}
100% {margin-top: 5px;}
}
-webkit-@keyframes animation_move {
0% {margin-top: 0px;}
100% {margin-top: 5px;}
}
</style>
<div class="animation_box">
<p>회원가입</p>
<div class="animation_ab">
<a>
+3000원
</a>
</div>
</div>
댓글목록
등록된 댓글이 없습니다.