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.

Stay in the loop: Get your dose of frontend twice a week

👾 Hey! Looking for the latest in frontend? Twice a week, we'll deliver the freshest frontend news, website inspo, cool code demos, videos and UI animations right to your inbox.

Zero fluff, all quality, to make your Mondays and Thursdays more creative!

Feedback 5

Comments are closed.