Табы с косыми углами возможно ли сделать на CSS

[ilyas]

Возможно ли на CSS сделать косые стороны табам ?

[wwt]

возможно. Неоднократно было на данном форуме. Не ленитесь используйте поиск.

К примеру http://forum.htmlbook.ru/index.php?showtopic=44650.

[ilyas]

Интересно а к этому примеру можно ли наложить градиент? ведь углы на бордер http://jsfiddle.net/RLScn/

[SelenIT]

Я думаю, в 2013-м вполне можно делать это новыми технологиями. А динозавры как-нибудь переживут и с прямыми углами...

[ilyas]

Я думаю, в 2013-м вполне можно делать это новыми технологиями. А динозавры как-нибудь переживут и с прямыми углами...

Довольно таки неплохо, жаль что решение не кроссбраузерное, только в Firefox нормально отображается с градиентами и бордер-радиус, в браузерах на движке webkit градиенты не рисуют и бордер-радиус пропадает при наведении

[SelenIT]

В Хроме 28 и выше градиент работает, для более старых можно продублировать с нужными префиксами. А вот с бордер-радиусом, да, досадный баг. В Хроме удалось побороть добавлением невидимого бордера (http://jsfiddle.net/Rh6U7/2/). В Safari 5.1, к сожалению, обрезка по контуру уголков не хочет работать ни в какую... но эту версию уже вполне можно считать устаревшей.