CSS 상하 animation > 학습

원하는 곳에 포인트로 주면 좋은 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>