Есть ли какой-нибудь эффект анимации слезного изображения для jQuery?

Question

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

Answer 1

Вы можете сделать это с помощью JavaScript и CSS3.

Просто сделайте javascript дублирующим изображение (возможно, div с фоном в качестве изображения) и вставьте его поверх себя. Затем пусть левое изображение показывает первые пиксели от 0 до 50%, а правое изображение должно отображать пиксели от 50% до 100% с выравниванием фона по правому краю. Затем вы можете сделать так, чтобы css или jquery раздвигали каждую сторону. Вам нужно будет добавить несколько дополнительных стилей для создания этого разорванного вида, но это вполне выполнимо.