Trying to create smooth "swoop" shape using CSS3 -


i'm trying create smooth "swoop" shape css/no images. i've used chris coyier's "tabs round out borders" technique , i'm pretty close, rounding isn't quite smooth i'd like. i've tweaked , tweaked , i'm not getting it.

there 2 issues i'm seeing. first is, it's not smooth swoop. jags bit. , second is, of course, in ie (8/9/10) - there's fine line showing in dark blue below main site navigation (home / volunteer etc). don't know if that's related swoop stuff @ apologies if that's off-topic, it's driving me crazy since can't figure out what's causing it.

here's site: http://texascasa.wpengine.com/

and here's pastebin of relevant code. i'm using sass - let me know if you'd rather scrape plain css debugging , i'll happy put up.

thanks help!


Comments

Popular posts from this blog

Detect support for Shoutcast ICY MP3 without navigator.userAgent in Firefox? -

web - SVG not rendering properly in Firefox -

java - JavaFX 2 slider labelFormatter not being used -