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 a very nice tutorial on creating a page peel effect with jQuery & CSS.
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.
Requirements: jQuery
Compatibility: All Major Browsers
Website: http://www.sohtanaka.com/web-design/simple-page-peel...
Demo: http://www.sohtanaka.com/web-design/examples/peeling...
In general, they are created with the help of Flash but Soh Tanaka is featuring a a very nice tutorial on creating a page peel effect with jQuery & CSS.
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.
Requirements: jQuery
Compatibility: All Major Browsers
Website: http://www.sohtanaka.com/web-design/simple-page-peel...
Demo: http://www.sohtanaka.com/web-design/examples/peeling...
0 Responses to Creating A Page Peel Effect With jQuery & CSS