- 정보공유
[퍼블리싱] 깜빡이는 버튼
a.blinking {
color:#fff;
padding:3px 10px;
border:1px solid #dfdfdf;
-webkit-animation:blink 0.5s ease-in-out infinite alternate;
-moz-animation:blink 0.5s ease-in-out infinite alternate;
animation:blink 0.5s ease-in-out infinite alternate;
}
@-webkit-keyframes blink {
0% {background-color: red;border:1px solid #8e2525}
100% {color:#000;border:1px solid #dfdfdf}
}
@-moz-keyframes blink {
0% {background-color: red;border:1px solid #8e2525}
100% {color:#000;border:1px solid #dfdfdf}
}
@keyframes blink {
0% {background-color: red;border:1px solid #8e2525}
100% {color:#000;border:1px solid #dfdfdf}
}
<a href="" class="blinking">예약하기</a>