/ best free open source web resources /

Graphic Resources

Sexy Page Peel Effect Tutorial & jQuery Plugin

Posted · Category: MIT License, Popup

You have probably seen these forms of advertisings where you can peel a corner of a website and see a message underneath. SohTanaka has made a tutorial: Simple Page Peel Effect with jQuery & CSS. All they are doing is expanding the image on hover, then retracting to its default size on hover out.

You may also interested in The Sexy Curls jQuery Plugin if you like this tutorial. The page corner can be set to curl automatically. The plugin is released under the MIT license. That means you can do whatever you like with it.

Page Corner Peel jQuery Plugin

Requirements: jQuery Framework
Demo: http://www.sohtanaka.com/web-design/examples/peeling-effect/
Demo: http://www.elliottkember.com/sexy_curls.html
License: MIT License

  • Thank you very much for the great link.

  • Hi!.
    Great link, i have allready use it :)
    But it doesnt work with opera and safari.
    Anybody have idea how to fix it?

  • Looks good i guess it would be a good replacement for Flash component.

    I. Qandil

  • got a non-jquery version already, but I’ll try and see if this one is faster and has fewer code.

    thanks for sharing

  • Very nice and useful tutorials for web designers,
    Thanks for posting.

  • Arshad

    thank you

  • Combine this jQuery or the alternative flash based solution with ‘KILLER’ graphics and YOU WILL start to see an increase in your website traffic and hopefully generate more sales!

    You Just Gotta Click ‘Em!

Supported By


Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons