Auf einen Wert hochzählen lassen

28.08.2017

Mit der neuen Überschriftsvariante Hochzähler wird auf eine frei definierbare Zahl hochgezählt, sobald sich das Element im sichtbaren Bereich befindet. Diesen Effekt können Sie auch an anderen Stellen über CSS-Only oder direkt über HTML bzw. JavaScript nutzen.

CSS-Only in der Überschrift

//aktiviert den Hochzähler
-w-add-classes:wglCountUp;
//setzt zusätzlich optionale Parameter
-w-add-data:'countupDuration=3,countupInitdelay=1000';

Definition als Hochzähler über den HTML Quelltext

<h3 class="wglCountUp" data-countup-to="320" data-countup-duration="3" data-countup-initdelay="1000">321 Mitarbeiter</h3>