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
Modify HTTP Headers in PHP with Examples
Viewed 1262 times since Wed, Mar 10, 2010
Ajaxed MySQL Table Editor
Viewed 1486 times since Tue, Oct 13, 2009
Free JavaScript Charts Library - JS Charts
Viewed 1217 times since Sun, Dec 13, 2009
Review of Mobile Web Application Frameworks
Viewed 1604 times since Mon, May 9, 2011
What is Search Engine Optimization?
Viewed 1548 times since Fri, Jun 25, 2010
dygraphs JS Charts - Free JavaScript Charts
Viewed 1254 times since Sun, Dec 13, 2009
Free Under Construction Coming Soon Template
Viewed 2260 times since Sat, Mar 12, 2011
Facebook Style Chat Script - ArrowChat
Viewed 1300 times since Tue, Aug 3, 2010
How to password protect folder/files using htaccess file?
Viewed 1192 times since Sun, Mar 14, 2010