Как сделать анимацию стирание кода лотерейного билета?

Question

[Сергей Кабашов]

Доброго дня.
Нужно реализовать анимацию, чтобы при наведении стиралась защитная пленка с лотерейного билета и там появлялся промо-код. Или что-то похожее.
Может кто-нибудь подсказать как это сделать?

Comments

[copal]

да запросто! берете поверх этой картинки накладываете картинку с кодом и применяете к ней маску так, чтобы она скрылась. А дальше создаете полупрозрачную кисть, которая будет закрашивать Вашу прозрачную маску и тем самым делать код видным. Но так как кисть с полупрозрачными краями, то будет создаваться эффект как бы не до конца стертости. Можно её кисть рандомно крутить и изменять размер её краеы, тогда будет ещё более реалистичный. Но знаний у Вас должно быть ровно столько, сколько нужно на создание примитивного фотошопа.

[riot26]

вариант попроще -- нарисовать в фотошопе анимацию стирания и заменять картинку защитного слоя на анимацию стирания по клику

Answer 1

[Kuat Mustafin]

jsfiddle.net/ArtBIT/WUXDb/1

Comments

[Сергей Кабашов]

Kuat Mustafin очень четко! Спасибо за решение. Есть проблема не большая. Картинка скачет на мобильных