GoodCorners 0.1

GoodCorners is a Mootools plugin that uses the CSS3 border-radius property to give your elements beautiful rounded corners.



Details

Author
Ryan Rampersad
Current version
0.1
GitHub
ryanmr/GoodCorners
Downloads
2389
Category
Interface
Tags
Report
GitHub Issues

Releases


Dependencies

  • core/1.2.3:
    • Element.Style
    • Utilities.Selectors

How to use

To use GoodCorners, simply include the javascript file in the head of your document, along with mootools of course.

You can then specifiy what elements to round and configure options if you want. #JS GoodCorners.round( [selector] [, radius settings]); /* Radius settings: radius topleft topright bottomleft bottomright */

Here are some simple examples. First, to round any img in an element called gallery:

GoodCorners.round("#gallery img");

Or if you want to do some extreme rounding:

GoodCorners.round("#extreme", {radius: "100px"});

Notes

GoodCorners relies on boarder-radius, a CSS3 property to round images. Internet Explorer and Opera do not support this property, so, you will not be able to use GoodCorners to round in those browsers.


Discuss

A note on comments here: These comments are moderated. No comments will show up until they are approved. Comments that are not productive (i.e. inflammatory, rude, etc) will not be approved.

Found a bug in this plugin? Please report it this repository's Github Issues.

blog comments powered by Disqus