[ css ] css를 이용하여 글자 강조 깜빡거리게 하기 > html&css

css를 이용하여 글자 강조 깜빡거리게 하기

keyframes 를 이용하여 활용이 가능하다.

아래의 코드를 css에 적용시켜 주면 된다.

@keyframes blink-effect {

    50%{

        opacity:0;

    }

}

.blink {

    animation: blink-effect 1s step-end infinite;

    /* 다른 기능을 원한 다면 이부분의 주석을 해제.

    animation-name: blink-effect;

    animation-duration: 1s;

    animation-iteration-count:infinite;

    animation-timing-function:step-end;

    */

}