6.文字闪烁效果

文字闪烁，介绍三种方式,效果图，脑补一下

 上DOM

<div class="highlight">highlight</div>
<div class="highlight1">highlight</div>
<div class="highlight2">highlight</div>

css

body{
    background: #333;
    color: white;
}
@keyframes highlight{
    50% { color: transparent }
}
.highlight{
    width: 100px;
    margin: 0 auto;
    text-align: center;
    animation: 1s highlight 2 steps(1);

}
.highlight1{
    width: 100px;
    margin: 0 auto;
    text-align: center;
    animation: 1s highlight 2 alternate;

}
.highlight2{
    width: 100px;
    margin: 0 auto;
    text-align: center;
    animation: 1s highlight 2;

}