CSS 깜빡이는 blink 애니메이션 & 바운스 bounce 애니메이션

.blinkClass {
            -webkit-animation: blink .3s infinite alternate;
            -moz-animation: blink .3s infinite alternate;
            animation: blink .3s infinite alternate;
        }
        @-webkit-keyframes blink {
            0% {color:  #0e4bef; border-color: #0e4bef;} 
            100% {color: #a9a9a9; border-color: #a9a9a9;}
        }
        @-moz-keyframes blink {
            0% {color:  #0e4bef; border-color: #0e4bef;} 
            100% {color: #a9a9a9; border-color: #a9a9a9;}
        }
        @keyframes blink {
            0% {color:  #0e4bef; border-color: #0e4bef;} 
            100% {color: #a9a9a9; border-color: #a9a9a9;}
        }

 

.bounceClass {
            -webkit-animation: bounce .3s infinite alternate;
            -moz-animation: bounce .3s infinite alternate;
            animation: bounce .3s infinite alternate;
            animation-iteration-count: 6;
            animation-delay: 3s;
        }
        @-webkit-keyframes bounce {
            to { -webkit-transform: scale(1.05); }
        }
        @-moz-keyframes bounce {
            to { -moz-transform: scale(1.05); }
        }
        @keyframes bounce {
            to { transform: scale(1.05); }
        }