SOURCE

console 命令行工具 X clear

                    
>
console
<div class="wava"></div>
.wava {
    width: 100px;
    height: 100px;
    background: white;
    margin: 100px auto;
    border-radius: 50%;
    animation: wave 4s linear infinite;
}
@keyframes wave {
        0% {
        box-shadow: 0 0 0 0 rgba(245, 226, 226, 1), 0 0 0 0 rgba(250, 189, 189, 1);
    }
    50% {
        box-shadow: 0 0 0 20px rgba(245, 226, 226, .5), 0 0 0 0 rgba(250, 189, 189, 1);
    }
    100% {
        box-shadow: 0 0 0 40px rgba(245, 226, 226, 0), 0 0 0 20px rgba(245, 226, 226, 0);
    }
}