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 […]

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!

Manoela Ilic

Manoela is the main tinkerer at Codrops. With a background in coding and passion for all things design, she creates web experiments and keeps frontend professionals informed about the latest trends.

The
New
Collective

🎨✨💻 Stay ahead of the curve with handpicked, high-quality frontend development and design news, picked freshly every single day. No fluff, no filler—just the most relevant insights, inspiring reads, and updates to keep you in the know.

Prefer a weekly digest in your inbox? No problem, we got you covered. Just subscribe here.

Feedback 5

Comments are closed.