Меню как на reg.ru?

Question

[Имя Имечко]

Как сделать такое меню как на сайте https://www.reg.ru/
Синяя полоска. Чтобы при наведении плавно менялся фон

Answer 1

[gracer]

Можно было самостоятельно посмотреть стили меню
htmlbook.ru/css/transition

Answer 2

[Ilya Korablev]

a{
background: steelblue;
transition: .2s;
}

a:hover{
background: cyan;
}

Аля пример.

Answer 3

[Имя Имечко]

Сделал и появился косяк. По крайне мере на локалке.
Захожу на сайт и меню из центра div двигаются на свои места в течение 1 секунды.

На jsfiddle.net/5k1ps745 работает изумительно.

Вот косяк ipstest.esy.es/index.html

Comments

[Ilya Korablev]

Ничего не двигается.

[Имя Имечко]

Че за... Какой браузер?

[Имя Имечко]

Crfxfk@swipeshot: скачал мозилу и там все в порядке, дело в браузере, как быть?

[Ilya Korablev]

Саня: Не знаю. Мы вам дали ответы,
отметьте их как решения, пожалуйста.

[Юрий Кучеренко]

1) юзай хром 2) делай падинг не li а именно ссылке a 3) ссылке сделай display:block;