First thanks, ShadedBorders is very nice to use and very efficient!

I noticed a bug when rounding a div with a big height (over 2048px). All the lower area (starting from pixel 2048 maybe) doesn’t have the div color, but the background color instead. It happens under Firefox and Safari, with ShadedBorders 0.5. I thought I would report back here.

best regards and keep up the good work!

I struggled just a bit trying to get it to work. At first, I thought it wasn’t working, but it turns out my numbers just weren’t large enough since the shadow border gets subtracted from the rounded spacing (or vice-versa) causing it to look like it’s not working. Also, I had to add enough padding to the container style to make it not look like the bottom content was overflowing outside of the box. But, a little playing around and I got it to work for me. Yeah!!!

The one thing I’m having some issues with is what is called the shadow implementation. It seems to be more of a glow implementation instead of a shadow since the “shadow” edge is on all four sides, albeit not evenly. For instance:
({corner:6, shadow:30, border:1}) yields shadow: 14px L/R, 9px top, 5px corner radius, 19px bottom (both shadow areas add to 28px, not 30px, for whatever reason)
({corner:10, shadow:50, border:1}) yields shadow: 23px L/R, 14px top, 5px corner radius, 32px bottom (both shadow areas add to 46px, not 50px, and even if you add the border in there, it’s still just 48px, not 50; corner could be 9 or 10px depending upon how you look at it.)

I would have expected the glow to be evenly distributed or evenly offset. Somehow, a px gets shaved off here or there in the implementation (as measured by putting a standard CSS border around the thing).

Personally, I think it looks funky for a shadow, but fine for a glow. I would expect that a shadow would be on two sides, say bottom and right (although making it configurable would be a plus). I’d suggest that this current shadow implementation be renamed to be used a glow implementation and then add another effect to replace the current shadow so that you have a shadow based on the angle of light, offsetting to one side the “glow” so that it provides light angle. Finally, around the TLR corner areas, the glow looks sliced off at the corners giving the glow a weird feeling/appearance, but it’s probably an implementation issue of how the inner part gets floated over the outer part.

Am I clear as mud on this?

Note that I realize that I’m not contributing code at this point, just functional symptomatic feedback. Maybe some day I’ll have time to get inside the code and provide some contribution. Again, many thanks for an excellent contribution to the community that has removed many DIV tags from my pages that were solely for adding rounded corners, especially with borders.

Thanks