On Click Ripple Effect

<input id="trigger" type="checkbox" hidden>
<label class="trigger" for="trigger"></label>
<div class="dots">
  <div class="dot"></div>
  <div class="dot"></div>
  <div class="dot"></div>
</div>