XF 2.2 Rounding out navigation tab corners

[frm]

Is there a way to round out navigation tabs as such? I've played with negative radius and some other tricks that draw inside the element to create shadow, in an attempt to round it out--no good.

Seems like this should be possible, but it could be playing with the Home and What's new tab.



(Red lines signify rounded with white filling)

 

[Lee]

Have a look at this guide, it should tell you all you need to know. I have had success with this before.

(Better) Tabs with Round Out Borders | CSS-Tricks

A good-looking tab control usually has one feature that I've always found impossible to reproduce without images: borders that bend to the outside at the bottom of each tab. In this article I would like to show how you can use the CSS :before and :after pseudo elements to create this effect...

css-tricks.com