간단한 애니메이션 버튼 CSS 입니다.
정말 심플한 애니메니션 버튼 입니다..^^;;


.ani_button {
font-size: 14px;
height: 30px;
line-height: 30px;
color: #fff;
display: inline-block;
background: linear-gradient(-45deg, #ee7752, #e73c7e, #ccc, #f3f3f3);
background-size: 400% 400%;
animation: AnimationName 15s ease infinite;
flex-direction: column;
align-items: center;
justify-content: center;
top: 35%;
text-align: center;
padding: 0 20px;
border-radius: 20px;
}
@keyframes AnimationName
{
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}
댓글 3개
게시글 목록
| 번호 | 제목 |
|---|---|
| 24149 | |
| 24140 | |
| 24133 | |
| 24125 | |
| 24119 | |
| 24109 | |
| 24105 | |
| 24101 | |
| 24093 | |
| 24089 | |
| 24077 | |
| 24074 | |
| 24071 | |
| 24070 | |
| 24067 | |
| 24056 | |
| 24050 | |
| 24046 | |
| 24043 | |
| 24040 | |
| 24037 | |
| 24036 | |
| 24035 | |
| 24034 | |
| 24021 | |
| 24017 | |
| 24005 | |
| 24002 | |
| 23990 | |
| 23980 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기