Как сделать движущуюся анимацию над меню на сайте?

Question

[Alex_Tysel]

Хочу сделать так,чтобы при наведении мышкой на пункт меню над ним появлялась картинка.
Подробнее :yadi.sk/d/v8o0EnhQJXx9U
Ссылка на картинку.Хочу реализовать так,чтобы самолет при наведении появлялся над соответствующим пунктом меню.Пытался сделать через :hover и border-image,но не дало желаемого результата.Подскажите пожалуйста как реализовать.Знаний javascript нет.

Comments

[Тимур Калимуллин]

Плавно скользил самолет?

[Юрий Лобанов]

Выложите само меню вот здесь http://jsfiddle.net, добавьте все же ссылку на картинку - сейчас ее у Вас нет.

Answer 1

[ClassicRed]

codepen.io/ClassicRed/pen/bwBlA так?

Comments

[Alex_Tysel]

да,только он должен быть сверху,но это уже не проблема.Спасибо большое.

[ClassicRed]

не за что)

[Alex_Tysel]

попробовал сделать сверху-не вышло

[ClassicRed]

ща подумаем

[Graph]

codepen.io/anon/pen/BEInm

[Alex_Tysel]

еще раз спасибо))

[Игорь Воротнёв]

но это решение webkit-only)

Answer 2

[Krickt]

Сделайте через background у :hover.

Answer 3

[Иван Трофимов]

Если хотите сделать так, чтобы самолёт двигался плавно - проще будет использовать javascript (jQuery например).
Если нужно чтобы просто при наведении на пункт меню появлялся самолёт - используйте подобную конструкцию:

ul li a { background: none }
ul li a:hover { background: url('samolet.png') top center no-repeat; }