Jak zrobić animację liczb count up

Na stronach internetowych bardzo często wykorzystuje się animację count up, np. aby pokazać wyniki naszych klientów lub jakieś statystyki. W Webflow możesz stworzyć taką animację, za pomocą poniższego kodu JavaScript.

‍

Umieść ten kod przed tagiem zamykającym </body>:

‍

Po dodaniu tego kodu wszystko, co musisz zrobić, to dodać klasę „counter” do dowolnej liczby, która ma mieć taką animację.

‍

Możesz zmienić właściwość „time”, aby edytować to, jak długo to trwa animacja, oraz „delay”, określające, jak szybko animacja przechodzi przez liczby.Działa to w przypadku liczb całkowitych (452) i liczb dziesiętnych (23,43), ale upewnij się, że stosujesz to tylko do liczby, a nie do tekstu.

‍

Jeśli chcesz to zrobić do „4,2%”, będziesz musiał zastosować klasę tylko do 4.2.