Динмаическая полоска под пунктом меню при наведении?

Question

[PavelScron]

Подскажите как реализовать динамическую полоску под пунктом меню при наведении?
Чтобы полоска плавно появлялась из центра и уходила в обе стороны на 100% ширины.

Answer 1

[Павел]

jsfiddle.net/mfn5nefb/6
jsfiddle.net/mfn5nefb/3

Answer 2

[Саша]

PavelScron лучше реализовывать через бг, Например

Comments

[Сергей Горячев]

Нифига не лучше %)

[Саша]

Sergey Goryachev: а как лучше?)

[Сергей Горячев]

Саша: Выше ответ, он более кроссбраузерный, через пседвоэлементы)

[Сергей Горячев]

Саша: И более точно задать параметры можно, не высчитывая linear-gradient.

[Саша]

Sergey Goryachev: что его там вычитать)
лучше меньше использовать relative и absolute элементов в проекте, но вам этого пока еще не понять, вопрос времени))

[Сергей Горячев]

Саша: Да куда уж мне, всего 10 лет верстаю сайты.

[Саша]

Sergey Goryachev: к сожалению количество лет работы ни о чем не говорит)
все это время можно верстать табличной версткой и думать, что абсолютно спозиционированные элементы это круто)

[Сергей Горячев]

Саша: лол) окей, убедил, я лох)))

[Саша]

Sergey Goryachev: дискуссия не на это же была нацелена))
просто интересно было узнать аргументы "почему" тот вариант лучше и чем мой вариант хуже)