Про счетчик с перелистыванием

[Zverushka]

Насколько я знаю все счетчики с перелистыванием реализованы сейчас на спрайтах? Я смотрела их коды - везде непонятный канвас и как мне показалось, это все самописное.

Может кто посоветовать счетчик, где можно полностью выбрать стиль и подключить свой спрайт?

Кстати, создаете ли вы сами спрайты для перелистывания или только строго, если он шел вместе с макетом?

Если ли у кого настраиваемый счетчик, реализованный без использования спрайтов?

[Switch74]

хм... не понял что за перелистывание в счетчике и для чего счетчик

если нужно, чтобы у вас просто циферки отсчитывались с эффектом скажем как на электросчетчиках, то это легко делается

[npofopr]

http://codepen.io/ масса решений, разве нет подходящего?

[Zverushka]

Как тут, например,

http://flipclockjs.com/

Но тема как я поняла не настраиваемая - только черный и белый счетчик, задуманный автором.

[SelenIT]

По-моему, в flipclockjs.com как раз никаких спрайтов и полная свобода фантазии, всё на CSS 3D-трансформациях (rotateX). Цвет цифр задается в .flip-clock-wrapper ul li a div div.inn, стиль теней при переворачивании — в .flip-clock-wrapper ul.play li.flip-clock-before .up .shadow и т.п...

[Zverushka]

Это кстати да - в этом плане был неудачный пример. Просто хотела показать, что значит перелистывание.

Так получается этот слайдер можно даже настроить на показ вместо цифр (шрифтом) - нарисованных в картинках цифр?

[SelenIT]

Видимо, да (хотя, если не менять скрипт, для этого придется скрывать текстовые цифры стилями и указывать фоны для li.flip-clock-before[data-digit=1] .up и т.п. — для каждой цифры, но это реально).

[Zverushka]

Так что на счет счетчика из спрайта?) Есть ли готовые скрипты для анимации из слепленной картинки?) Или может можно приделать спрайт к любому счетчику? На каждом тике например прилепить свою функцию?....