Фон должен переезжать под блок на котором ховер. Как сделать?

Question

[Максим]

Доброго времени суток :)
Подскажите плз, вот есть 2 блока (Москва и Санкт-Петербург)
У блока, на который наводят мышью должен быть жёлтый фон и сверху должен быть "уголок".
Когда наводят мышью на соседний блок то и фон и "уголок" плавно "переезжают" на него (не исчезают в одном блоке и появляются в другом, а переезжают прям:) ).
Можно реализовать только на CSS?
Если только с JS, то тоже пойдёт.
Должно быть так:

Вот код: Click

Спасибо :)

Answer 1

[Justin Bieber]

:hover + :after

Comments

[Justin Bieber]

транзишином делаешь заполнение откуда куда при ховере, гуглится пять сек такое

[Justin Bieber]

jsfiddle.net/nKtC6

[Justin Bieber]

www.htmldrive.net/items/demo/71/Dynamic-glide-navi...

[Justin Bieber]

jsfiddle.net/75Umu/3

[Максим]

Большое спасибо! Через часик попробую :)
Надеюсь получится :)

[Justin Bieber]

htmlbook.ru/css/before

[Максим]

Justin Bieber: все получилось, спасибо)