前端HTML+CSS查漏补缺——2021-7月上旬

        .point{
            width: 10px;height: 10px;display: block;
            background-color: #00BFFF;
            border-radius: 50%;
            position: absolute;
        }
        .ripple-base{/*完全的圆被压缩到0.01倍*/
            width: 120px;height: 120px;
            border: 2px solid #9b126d;
            border-radius: 50%;
            transform: scale(0.01);
            position: absolute;
            left: -57px; top: -57px;
        }
        .ripple-1{
            animation: ripple 4500ms 225ms infinite;
        }
        .ripple-2{
            animation: ripple 4500ms 1575ms infinite;
        }
        .ripple-3{
            animation: ripple 4500ms 3000ms infinite;
        }