Как вообще сделать и прикрепить треугольник к горизонтальной меню?

Question

[it-spec97]

Ребята есть у меня меня, все уже сделано, но есть одна проблема, надо треугольник сделать когда активная ссылка смысли
(:active), так вот я пытался делать, получилось, но правильно вставит как на скриншоте у меня не получилось. Выручайте новичка, ребята
jsfiddle.net/eyv8v4ch

Answer 1

[Cyapa]

Нужно использовать псевдоэлемент, например :after.

jsfiddle.net/eyv8v4ch/1

P.S.: ну и перевесил ивент на ховер, для наглядности.

Comments

[it-spec97]

Спасибо за решения!

Answer 2

[ExeTwezz]

Посмотреть исходный код страницы.

Comments

[it-spec97]

Я макет на psd верстаю

Answer 3

[manuylov]

jsfiddle.net/ygek595s/1
останется только спозиционировать правильно и треугольник бэкграундом сделать или на css3 поколдовать с поворотами =)