闪电字实现方法

```

CSS部分

.heart-txt {
    position: absolute;
    bottom: 100px;
    width: 100%;
    text-align: center
}

.heart-shine {
    font-size: 100px;
    font-weight: bold;
    color: #fff;
    /*background: url("../images/moon.jpg");*/
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: moon .1s ease infinite
}

@keyframes moon {
    0%,100%{background-position: 0 0}
    50%{background-position: 100% 100%}
}

<!-- 闪电文字 -->
<div class="heart-txt">
    <div class="heart-shine">中秋国庆快乐,I LOVE YOU!</div>
</div>

```