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.
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
50 Free And Quality Web Icons
Viewed 1377 times since Tue, Jan 5, 2010
Create Navigation Menu Easily with jQuery Menu
Viewed 1056 times since Thu, Dec 31, 2009
Speech Bubbles With Pure CSS3
Viewed 932 times since Fri, Mar 12, 2010
10 Most Popular JavaScript Frameworks
Viewed 969 times since Thu, Jul 8, 2010
Web Form Elements in PSD Format
Viewed 967 times since Sun, Dec 27, 2009
What is new in HTML 5?
Viewed 1004 times since Sat, Apr 3, 2010
jQuery Dropdown Check List
Viewed 1297 times since Thu, Jan 14, 2010
Google Skipfish - Web Application Security Scanner
Viewed 1074 times since Mon, Mar 22, 2010
File Upload in PHP - PHP File Upload Script
Viewed 2146 times since Thu, Nov 5, 2009
Create Glowing, Radioactive Buttons with CSS
Viewed 978 times since Sun, Dec 27, 2009
MENU