간단한 애니메이션 버튼 CSS 입니다. 정보
간단한 애니메이션 버튼 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%;
}
}
5
댓글 3개
