Как сделать так, чтобы анимация background двигалась с лева на право при наведении?

Question

[klaus hayssler]

Я все не могу понять, а как это сделать на css? И возможно ли. Заранее огромное спасибо.

Answer 1

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

https://jsfiddle.net/webirus/nb0dmppr/ - простой transition
https://jsfiddle.net/webirus/otzfvhyf/ - посложней animation

Answer 2

[Edward]

https://jsfiddle.net/edalis/edm65p3d/

Answer 3

[Сергей Софьичев]

возможно все:

1)background-position,
2)transition

Answer 4

[Валерий]

1. Указываете нужный и подходящий фон (цвет, градиент, картинки и т.д.) - htmlbook.ru/css/background

2. Настраиваете анимацию - htmlbook.ru/css/transition .

Удобно цеплять анимацию на определенный класс, при этом для старта анимации можно просто дать целевому блоку класс и изменить параметры.