Как сделать анимацию пазла?

Question

[sinefighter]

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


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

Answer 1

[Александр Лысенко]

Если речь идет непосредственно о фигурных пазлах, то вариант с разрезать тут, наверное, неприменим. Я бы на вашем месте смотрел в сторону создания SVG фигур с белой заливкой и замощением ими верхнего блока над картинкой. Дальше остается только через JS дать им эффект исчезновения.

UPD:
Заинтересовала тема, решил поковыряться, наткнулся вот на такой скрипт, думаю если уделить время его анализу получится именно то что вам необходимо.