Open Source Resources for Web Application Developers

Shopify - Online Store Builder
Follow Us on Social Sites
Subscribe RSS Subscribe Newsletter Like us on Facebook Follow us on Twitter Follow us on Google+
  • Home
  • News
  • Plugins
  • Design
  • Others
  • Books
  • About
13 May

Sexy Page Peel Effect Tutorial & jQuery Plugin

  • MIT License, Popup
  • Leave a Comment

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

Share
Tweet
Sponsors
subscribe to our newsletter - weekly free resouces for web developers
follow us on social sites - rss, facebook, google+, Twitter
Subscribe RSS Like us on Facebook Follow us on Twitter Follow us on Google+
Related Resources
Greyscale Hover Effect with CSS & jQuery

Greyscale Hover Effect with CSS & jQuery

Create Fancy Thumbnail Hover Effect with jQuery

Create Fancy Thumbnail Hover Effect with jQuery

How To Create a Realistic Hover Effect with jQuery

How To Create a Realistic Hover Effect with jQuery

How to Create Digg Spy Effect with jQuery

How to Create Digg Spy Effect with jQuery

Automatic Image Rotator with CSS and jQuery

Automatic Image Rotator with CSS and jQuery

How to Create a Stunning Full Page Photo Wall Gallery

How to Create a Stunning Full Page Photo Wall Gallery

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!

Open Source Resources for You

What we need is a list of the top quality resources, so that we can spend more time on our web development. WebAppers only picks the top quality web development resources for you.

© Copyright 2012 WebAppers | About | Archives | Privacy Policy | Advertise | Contact

Sponsors
Advertise Here
Search
By Keywords
30 Days / All Time
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • Professional Business Cards Made By Designers
  • Best Free Chrome Extensions for Web Developers
  • All of the Best Free WordPress Themes You Need
  • How to Create a Web App Admin User Interface
  • Nice List of Open Source Fish Eye Menu
  • Best Web Admin Templates
  • 25 Useful Blogs for Web Design & Development
  • Simple Javascript Progress Bar with CSS
  • 10 Useful & Quality Design Resources
  • Free Web Application Icons
  • How to Create High-Performance Code
  • How to Create Realtime Multi-player Games in HTML5
  • A True Responsive jQuery Lightbox Plugin for Free
  • Create an Amazon-like Navigation Menu with jQuery
  • Pretty Neat jQuery Mobile Theme Based on Flat UI
  • Super Smooth CSS Transitions for jQuery
  • How to Use Web Workers for Image Manipulation
  • Free Responsive HTML5 + CSS3 Site Templates
  • How to Make FullScreen Page Transitions with CSS
  • Ghost: A Revolutionary Open Source Blogging Platform
Sponsors
Plugins
  • Advertisement15
  • Calendar47
  • Capture19
  • Charts55
  • Chat22
  • Demo Tour16
  • Gallery121
  • Maps30
  • Menu87
  • Polls9
  • Popup49
  • Tooltips42
  • Upload33
  • Video18
Desgin
  • Brushes11
  • Buttons25
  • Color Schemes25
  • Fonts47
  • Forms112
  • Icons108
  • Patterns24
  • PS Tutorials15
  • Stock Photos21
  • Tables25
Others
  • Announcement103
  • Best Collections6
  • Code55
  • eCommerce24
  • Framework215
  • Hosting13
  • Information240
  • Inspiration32
  • Legal Documents10
  • Reviews8
  • Security13
  • Social28
  • Sound16
  • Stats39
  • Tools294
  • Webmail14
Licesnes
  • BSD License67
  • CC License123
  • GPL License224
  • LGPL License40
  • License Free740
  • MIT License411
Sponsors
Advertise Here
Partners
MaxCDN