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

jQuery Plugin To Create CSS3 Based Corner Effects - Corners.js
File Size: 228 KB
Views Total: 662
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

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:

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.