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
How can I change session timeout value?
Viewed 1136 times since Tue, Apr 27, 2010
CSS Positioning - Absolute, Relative & Fixed
Viewed 1577 times since Thu, Dec 3, 2009
Facebook Style Chat Script - ArrowChat
Viewed 1328 times since Tue, Aug 3, 2010
jQuery Slider from a Select Element
Viewed 2775 times since Thu, Jan 14, 2010
PHP Quiz Questions and Answers
Viewed 4399 times since Mon, Jan 11, 2010
Free Under Construction Coming Soon Template
Viewed 2325 times since Sat, Mar 12, 2011
Open Source Web Analytics Framework
Viewed 1081 times since Sat, Jan 30, 2010
SEO (Search Engine Optimization) vs SEM(Search Engine Marketing)
Viewed 993 times since Mon, Jul 12, 2010
Free Android GUI PSD File
Viewed 1542 times since Fri, Dec 4, 2009
PHP Interview Questions with Answers - Part 1
Viewed 1434 times since Mon, Jan 11, 2010