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

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
Free IP to Country, IP to City Database & API
Viewed 1175 times since Thu, Dec 31, 2009
Free Under Construction Coming Soon Template
Viewed 1681 times since Sat, Mar 12, 2011
SEO Poisoning - What are SEO Poisoning Attacks?
Viewed 1168 times since Mon, Apr 5, 2010
Open Source Web Analytics Framework
Viewed 777 times since Sat, Jan 30, 2010
Google Skipfish - Web Application Security Scanner
Viewed 983 times since Mon, Mar 22, 2010
Use PHP Functions In JavaScript with PHP.JS Library
Viewed 831 times since Fri, Jan 8, 2010
Web Form Elements in PSD Format
Viewed 883 times since Sun, Dec 27, 2009
Open Source WYSIWYG Editor
Viewed 1175 times since Thu, Jan 7, 2010