The plugins site is currently in development.
We've been looking to provide a higher-quality, spam-free experience at the plugins site for some time, and a major error on our part forced us to shut down the current site before we could put the new one in place. We are developing a new site, and you can follow along with its development on GitHub. For more information about this transition, including steps you can take as a plugin author to prepare, please read our post about what's going on.
Drop Curves
Applies rounded edges to images, borders, and a drop shadow. Allows for scaling and X/Y positioning of the image and shadow. Corner radius, border size/color, and shadow color/opacity are configurable as well. Works in FF/Safari and IE.
Demo site coming soon, so in the meantime here are examples.
Scaled Image w/ Shadow
$('.curves').dropCurves({
w:100, // scale image to width 100px
h:120, // scale image to height 120px
sColor:'#000', // shadow color
sX:-2, // shadow offset X
sY:2, // shadow offset Y
r:10 // corner radius
});Image w/ Border & Shadow
$('.curves').dropCurves({
bSize:2, // 2px border size
bColor:'#fff', // white border
sColor:'#333', // shadow color
sX:-3, // shadow offset X
sY:3, // shadow offset Y
o:0.5 // shadow opacity
});All Settings
w // width
h // height
x // image X
y // image Y
bSize // border size
bColor // border color
s // display shadow?
sX // shadow X
sY // shadow Y
sColor // shadow color
blur // shadow blur - (not implemented)
o // shadow opacity
r // corner radius