Is there some kind of tear image animation effect for jQuery?

1k Views Asked by At

I wonder if there exists some kind of tear apart image animation effect with jQuery today? Not like into one millions pieces, but instead like tearing a picture apart effect at the middle? Moving towards the sides. Or is this something which requires the use of Flash animations?? Thanks!

1

There are 1 best solutions below

3
On

You can accomplish this with javascript and css3.

Simply have javascript duplicate an image (probably a div with the background as an image) and paste it over itself. Then have the left image show the first pixels 0 to 50% and the right image should show pixels 50% to 100% with the background aligned right. You can then have css or jquery move each side apart. You would need to add some extra styles to create that rip look but it is completely doable.