Website Stripping Effect with jQuery

Here is nice example of how to use the Sexy Curls jQuery Plugin by Elliott Kember. The idea is to show the original sketch of your website. This is done by dragging the page curl to reveal the sketch image “behind” the original website. For this showcase we used some free website template and created […]

Here is nice example of how to use the Sexy Curls jQuery Plugin by Elliott Kember. The idea is to show the original sketch of your website. This is done by dragging the page curl to reveal the sketch image “behind” the original website.

For this showcase we used some free website template and created a scaffold image with the Stamp filter in Photoshop. Of course, this is much nicer if you have a real sketch of your page.

If you have a portfolio, this could be a nice effect to show the design or model concepts behind the finished work.

This example does not have a “peel back” option, but you can refresh the page to repeat the effect.

Enjoy!

View demoDownload source

Previous:
Next:

Tagged with:

ML is a freelance web designer and developer with a passion for interaction design. She studied Cognitive Science and Computational Logic and has a weakness for the smell of freshly ground peppercorns.

View all contributions by

Website: http://www.codrops.com

Related Articles

CSS Reference

Learn about all important CSS properties from the basics with our extensive and easy-to-read CSS Reference.

It doesn't matter if you are a beginner or intermediate, start leanirng CSS now.

Feedback 5

Comments are closed.

Comments are closed.