Tekstowy animowany licznik (odometer)

Od czasu do czasu fajnie jest pokazać jakiś licznik, a to klientów, a to czasu do otwarcia. Fajnie by licznik był ładny i robił efekt wow.

Jeśli pasuje nam grafika, lub mamy czas by przygotować sprite do animacji to polecam Apple Style Counter, jeśli nie chcemy się bawić w robienie grafiki dla każdej cyferki to dość łatwo można zrobić licznik przy pomocy CSS i JQuery.

Część graficzną i CSS pozostawiam Tobie bo to zwykle i tak każdy robi po swojemu. Możesz też podejrzeć nasz licznik nauczycieli i uczniów użytkowników naszego edziennika

odometer

Część licząca w JQuery jest dość prosta jak ogarniemy zasady. Oczywiście nie będzie efektu przewracanych kafelków tylko prosta zamiana cyferek, ale dla tak prostego wkładu, uzyskany efekt jest przyjemny dla oka.

 

Back to Top
%d bloggers like this: