Евгений Низамиев

такое чувство что after еще как-то относится к nav li a.

Я бы реализовал с помощью checkbox и двух label, немного пошаманить с css и всё получается очень хорошо

habrahabr.ru/post/126207
Яб трапецию с помощью css сделал.

css-tricks.com/almanac/properties/u/user-select

яб сделал вообще вот так
cssdeck.com/labs/zftbf1tq

Лучше использовать SVG, видел много примеров с svg анимацией, впечатляет. Кажется SVG работает в любом браузере, да еще это векторная графика, так что точно лучше canvas'а будет

www.youtube.com/user/WebTheory/playlists

Наверняка можно сделать с помощью JS, но медиазапросами будет куда элегантнее

Слушай, лучше всего ты сможешь обучиться верстке, верстая что-то - какой-нибудь макет допустим. Может тебе покажется что ты тратишь время зря, но самостоятельно верстая ты научишься более правильно верстать, потому-что ты сам будешь исправлять различные ошибки и справляться с проблемами.

-moz-background-size попробуйте это свойство

А в остальных браузерах?