像脉动的动画

Question

需要在点击复选框之后添加动画，例如搏动-如果点击复选框，则在https://new.abb.com/contact/form上显示示例

我编写了此代码：但这只是检查后的圆圈，但是单击后需要脉动

 .checkbox {
   position: relative;
 }
 
 input span {
    position: absolute;
    display: block;
    text-align: center;
    left: -18px;
    top: -17px;
    width: 65px;
    height: 65px;
    z-index: 1;
    margin: 0px;
    text-indent: -10000px;
    border-color: rgba(0,0,0,.54);
    background-color: transparent;
    transition: opacity .25s linear;
    border-radius: 50%;
    pointer-events: none;
    background-color: rgba(0,0,0,.14);
    opacity: 0;
}

input:checked + span {
    transition-duration: .12s;
    opacity: 1;
}

<div class="checkbox">
    <input class="checkbox--accept" type="checkbox">
    <span></span> 
</div>