How to have CSS animation only on click and not on page load?
问题 I am using https://github.com/FezVrasta/bootstrap-material-design in my project more specifically the checkbox this question is focused on the checkbox component, the entire library is being used in my project. <label class="control-label"> <div class="checkbox display-inline-block "> <label> <input type="checkbox" data-check="false" /> <span class="ripple"></span> <span class="check"></span> </label> </div> </label> The problem is that the checkbox triggers an animation on page load and