Article Diary - General Knowledge Digest

Create A Page Peel Effect With CSS & jQuery

You have probably seen these forms of advertisings where you can peel a corner of the website and see a message underneath. It seems most are flash driven, but here is the same page peel effect using jQuery & CSS. Page Peel effects can be very useful as they create new areas which are mostly used for banners on websites. In general, they are created with the help of Flash but Soh Tanaka is featuring a very nice tutorial on creating a page peel effect with jQuery & CSS.

Page Peel Effect

The logic of the effect is simple & smart. It is created by animating the size & position of a peel image which is originally positioned over the content to be shown. To see a demo for this nice tutorial, click here.

View Tutorial Website

4 (1)
Article Rating (1 Votes)
Rate this article
Attached Files
There are no attachments for this article.
Comments
There are no comments for this article. Be the first to post a comment.
Name
Email
Security Code Security Code
Related Articles RSS Feed
Admin Skins - Constellation Complete Admin Skin
Viewed 1405 times since Thu, Aug 12, 2010
What is jQuery?
Viewed 981 times since Tue, Dec 1, 2009
Before and After Picture - jQuery Plugin
Viewed 1500 times since Tue, Dec 29, 2009
25 Graph & Chart Solutions For Web Developers
Viewed 33786 times since Mon, Feb 1, 2010
What is Search Engine Optimization?
Viewed 1483 times since Fri, Jun 25, 2010
Quick Tables for Showing & Updating DB Data
Viewed 1267 times since Sun, Dec 27, 2009
Free 3D Flash Image Slider - Piecemaker
Viewed 1923 times since Sun, Apr 4, 2010
PHP Sound Captcha
Viewed 10232 times since Sun, Apr 11, 2010
PHP Questions for Interview with Answers
Viewed 1562 times since Wed, Feb 24, 2010
13 Useful Javascript Syntax Highlighting Scripts
Viewed 1545 times since Mon, Jan 4, 2010