WebAppers

/ best free open source web resources /

Shopify

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

7 Comments
  • http://www.twitter.com/jackoggen Jack Oggen

    Thank you very much for the great link.

  • http://www.altstudio.pl Adam

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

  • http://twitter.com/Qandil/ Issa Qandil

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

    Thanks,
    I. Qandil

  • http://fedmich.com/life fedmich

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

    thanks for sharing

  • http://www.indialike.com Indialike

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

  • Arshad

    thank you

  • http://www.cornerpeel.net Ade Ball

    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

Deals

Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons