[HTML] 텍스트 깜빡임 효과 CSS

■ HTML 텍스트 깜빡임 효과 CSS

CSS만으로 HTML의 텍스트 또는 특정 요소에 대해 깜빡이는 효과를 만드는 방법

---

■ 사용법

<style>
/* 텍스트 깜빡임 */
@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; 
    */ 
}
</style>

<p class="blink">텍스트 깜빡이는 효과</p>