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.
There are no comments for this article. Be the first to post a comment.
Security Code Security Code
Related Articles RSS Feed
10 AJAX based PHP WebMail Clients
Viewed 1356 times since Mon, Jul 26, 2010
Google Skipfish - Web Application Security Scanner
Viewed 1280 times since Mon, Mar 22, 2010
Quick Tables for Showing & Updating DB Data
Viewed 1265 times since Sun, Dec 27, 2009
Ajaxed MySQL Table Editor
Viewed 1421 times since Tue, Oct 13, 2009
Inline Form Validation With jQuery
Viewed 1473 times since Sat, Jan 9, 2010
How to change the file type using htaccess?
Viewed 1119 times since Sun, Mar 14, 2010
What is jQuery?
Viewed 981 times since Tue, Dec 1, 2009
How to password protect folder/files using htaccess file?
Viewed 1131 times since Sun, Mar 14, 2010
Open Source Online Invoice System - siwapp
Viewed 1487 times since Thu, Jan 7, 2010