jQuery Plugin To Create CSS3 Based Corner Effects - Corners.js
File Size: | 228 KB |
---|---|
Views Total: | 725 |
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.