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
What is rel="nofollow" attribute?
Viewed 897 times since Thu, May 13, 2010
10 AJAX based PHP WebMail Clients
Viewed 1277 times since Mon, Jul 26, 2010
30 High Quality Charts & Graphs for Web Developers
Viewed 3023 times since Wed, Mar 23, 2011
TipTip - jQuery Tooltip Plugin
Viewed 1133 times since Thu, Jan 28, 2010
AeroSQL - Web Based MySQL Management
Viewed 1209 times since Wed, Feb 24, 2010
jQuery MultiSelect Plugin with ThemeRoller Support
Viewed 1742 times since Thu, Feb 4, 2010
What is new in HTML 5?
Viewed 1128 times since Sat, Apr 3, 2010
45 jQuery Navigation Plugins and Tutorials
Viewed 2564 times since Thu, Jan 28, 2010