css关键帧

演示.gif

.blue {
            width: 100px;
            height: 100px;
            position: relative;
            animation: shineBlue 2s infinite;
        }

        @-webkit-keyframes shineBlue {
            from {
                -webkit-box-shadow: 0 0 9px #333;
            }
            50% {
                -webkit-box-shadow: 0 0 18px black;
            }
            to {
                -webkit-box-shadow: 0 0 9px #333;
            }
        }

引用

<div class="blue">
shine
</div>