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
Coming Soon Template
Viewed 1285 times since Thu, Nov 12, 2009
TinyBox - JavaScript Lightweight Modal Window Popup Script
Viewed 1980 times since Fri, Jan 8, 2010
jDigiClock - HTC Hero Style jQuery Digital Clock
Viewed 1327 times since Tue, Feb 16, 2010
45 jQuery Navigation Plugins and Tutorials
Viewed 3114 times since Thu, Jan 28, 2010
Easy Slider jQuery Plugin - Easy Image or Content Slider
Viewed 1839 times since Tue, Jan 12, 2010
ProFolio - Instantly Create Free Portfolio Website
Viewed 1747 times since Sun, Jan 3, 2010
PHP Script For PDF to HTML Conversion
Viewed 7021 times since Tue, Dec 15, 2009
Stylish Cross-Browser CSS Buttons - Simply-Buttons v2
Viewed 1228 times since Thu, Nov 12, 2009
Making A Basic PHP Template System
Viewed 1232 times since Tue, Dec 8, 2009