0
조회 수 : 5160 신고 : 0
미리보기 : |
---|
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8" />
<meta name="author" content="웹미니" />
<title>CSS3</title>
<link rel="stylesheet" href="style.css" />
<style type="text/css">
.ani {-webkit-animation:webkitFire infinite 1s linear; width:100px; height:100px; background:-webkit-linear-gradient(top, #ffffff 20%,blue 100%); border:3px solid #ccc; border-radius:60px;}
.ani span {display:inline-block; width:100%; text-align:center; padding:40px 0 0;}
@-webkit-keyframes 'webkitFire' {
from{-webkit-transform:rotate(0deg);}
to{-webkit-transform:rotate(360deg);}
}
</style>
</head>
<body>
<div class="ani"><span>animation?</span></div>
</body>
</html>
위에 소스로 html를 만드시고, css3지원하는 브라우저에서 확인해보세요. (ex. 크롬, 사파리, 오페라등)
추천수 10단위당 메달이 1개씩 노출되고, 추천수에 따라 배경색이 변하며, 일정수의 추천수를 받을시 아이콘이 붙게됩니다.
- 추천수 50개이상
- 추천수 30개이상
- 추천수 20개이상
- 추천수 10개이상
- 추천수 3개이상