演示.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>
