Как сделать такой hover эффект?

Question

[Islam Ibakaev]

здесь при hover на элементе списка навигации, ссылке элемента списка устанавливается картинка в background.
А как сделать такой эффект на чистом цсс?

UPDATED: https://codepen.io/dagman/pen/zdJpzR

Answer 1

[Алексей Скляров]

Через псевдоэлементы.

Comments

[Islam Ibakaev]

помогите я начал https://codepen.io/dagman/pen/zdJpzR

[Алексей Скляров]

Islam Ibakaev: https://codepen.io/anon/pen/oePpMV

[Islam Ibakaev]

Алексей Скляров: спасибо большое! очень сильно выручили!

Answer 2

[Alexander Pushkarev]

Через after и before

Comments

[Islam Ibakaev]

помогите я начал https://codepen.io/dagman/pen/zdJpzR

Answer 3

[Максим]

Открыть инспектор кода и посмотреть же можно :

.nav.navbar-nav.level0 li:hover a {
    background: url(../images/top_bg.jpg) top center #721312;
    color: #ffffff;
    height: 56px;

а вот и сама картинка из ссылки :

Comments

[Алексей Скляров]

человеку нужно на чистом CSS

[Максим]

Алексей Скляров: нуу... а я что на искуственном интелекте показываю? https://codepen.io/anon/pen/brxamw?editors=1100

[Максим]

Алексей Скляров: это в смысле без картинки что ли ?

[Islam Ibakaev]

Максим Ленский: спасибо, Алексей Скляров уже помог)