Wie wird eine CSS-Animation nur beim Klicken und nicht beim Laden der Seite angezeigt?

Ich benutzehttps: //github.com/FezVrasta/bootstrap-material-desig in meinem Projektmehr speziell die Checkbox Diese Frage bezieht sich auf die Checkbox-Komponente, die gesamte Bibliothek wird in meinem Projekt verwendet.

<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>

Das Problem ist, dass das Kontrollkästchen beim Laden einer Seite eine Animation auslöst und seltsam aussieht. Der WENIGER-Code lautethttps: //github.com/FezVrasta/bootstrap-material-design/blob/master/less/_checkboxes.less#L8 und ein Beispiel finden Sie hierhttp: //codepen.io/anon/pen/ogmgR

Weiß jemand, wie man die Animation stoppt, damit sie beim Laden der Seite angezeigt wird?

Antworten auf die Frage(4)

Ihre Antwort auf die Frage