jQuery Plugin To Create CSS3 Based Corner Effects - Corners.js

Corners.js is a lightweight jQuery plugin that helps you apply various types of corner effects to any block elements using several CSS3 properties.

See also:

• jQuery Plugin To Add A Folded Paper Corner To An Element - jCorner

Corner effects supported:

• Folded
• Scoop
• Beveled

How to use it:

1. Make sure the Corners.js is loaded after JQuery library.

<script src="//code.jquery.com/jquery.min.js"></script>
<script src="Corners.js"></script>

2. Just call the function Corners() on the target container and we're done.

$('#container').jCorners();

3. Customize the corner effect.

$('#container').jCorners({
  'style': ''beveled', // folded, scoop
  'extent': '15px',
  'size': '3',
  'angle':'20',
});

---

This awesome jQuery plugin is developed by WJane. For more Advanced Usages, please check the demo page or visit the official website.