The Ultimate Managed Hosting Platform
Home Javascript 5 Extremely Simple Ways To Add Page Curl To Your Website

5 Extremely Simple Ways To Add Page Curl To Your Website

A lot of websites/blogs using page peel/page curl to add an additional message such as advertisements at the corner. There are a lot of scripts that can achieve this function but unfortunately, these scripts are not free.

Recently, 1 of my client requests me to implement page curl on his WordPress theme. So, I search the internet and found some free and extremely simple ways to implement it.

1) Simple Page Peel Effect with jQuery and CSS by Soh Tanaka

simple-page-peel-effect-with-jquery-css
In this example, Soh Tanaka show us how to achieve the page peel effect using purely jQuery and CSS.

Best Cloud Hosting for Wordpress
Best Cloud Hosting for Wordpress

2) The Sexy Curls jQuery Plugin

sexy-curls-jquery-plugin
This is another open source jQuery plugin to achieve page peel/page curl effect by Elliott Kember. To use this plugin, you are required to install both jQuery and jQuery UI.

3) jQuery Page Peel 1.2 by Smpl Multimedia

jquery-page-peel-12
The jQuery Page Peel by Smpl Multimedia is a minimalist jQuery plugin that achieve page peel effect. Also, there are a lot of options for you.

4) How to create a page peel advertisement in WordPress

pcandweb-page-peel-for-wordpress
You had seen so many free jQuery scripts to create page peel effect, but what happen if you want to integrate it with your blog? You may follow the tutorial from PCandWeb if you are using WordPress.

5) WordPress Page Peel plugin

wordpress-page-peel-plugin
If you are using WordPress and want a cool Web 2.0 style flash page peel effect, then you should consider Page Peel plugin for WordPress by Avramovic. It comes with a admin configuration panel.

Conclusion

The first 3 methods using jQuery while the last 2 methods use flash to achieve page peel effect. Using Flash to achieve page peel will have better animation, while using jQuery will have smaller file size and load time.

Best Cloud Hosting for Wordpress
Best Cloud Hosting for Wordpress

So, it is depended on yourself to choose which method to use.

Must Read

The 5 Best Email Marketing Tools for Ecommerce This 2019

Operating an eCommerce store has unique challenges that not all email platforms address equally. That's why it is vital to choose an email marketing...

5 Website Design Tips That Will Make Your Business Boom

When designing a website, take careful precision to dedicate as much time to every facet as possible. Consider the user, consider the pathways they...

Would Product Visualisation Help Your Company?

If you’re running a company, there’s no doubt you’ve thought about how you can best present your products and services to the customer.That’s the...

10 Actionable Tips to Improve the Speed of your WordPress Website

Page speed is an important issue for website users. Pages that load fast can help to decrease bounce rate, improve user experience and improve...

How Much Does It Cost to Build an App in 2019

Software application building is one of the fastest growing fields for over one decade now. The major mobile app stores like Google Play and...
Load WordPress Sites in as fast as 37ms!5 Extremely Simple Ways To Add Page Curl To Your Website 1