CSS 상하 animation > 학습

본문 바로가기

사이트 내 전체검색

411,571명이 방문해 주셨습니다.

[  HTML&CSS  ] CSS 상하 animation

작성일 20-07-20 17:44

페이지 정보

작성자IPFT 조회 254회 댓글 0건

본문



6b4c652c0259156be643236b7f990616_1595235021_5828.png
 

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

댓글목록

등록된 댓글이 없습니다.

Copyright © 소유하신 도메인. All rights reserved.