Shutter effect with Jquery and Canvas


Best thing about HTML5 is that we can now so many things which we could not do without the help of jQuery and java script few months back. Now we can create cool animation just with the help of HTML5 elements and few lines on jQuery. HTML5 is also supported by most of the mobile platforms. So your cool animation will also be accessible on all smartphones and tablets.

Read: 10 Beautiful CSS3 Website Designs

Read: Drag and Drop FIle upload with HTML5 and jQuery

If you are creating a portfolio website, then adding a shutter effect will increase the beauty of the website. This can be done with HTML5 Canvas element which is a special area on which you can draw with JavaScript and apply all sorts of manipulations to your image.


This shutter script was posted on Tutorialzine

See the DEMO


Additional Resources

TopUp – Free Library for Pop UP and LightBox
Tilt-Shift Effect jQuery Plugin 


To Top