Заливка цвета фона слева направо CSS ⇐ CSS

[Anonymous]

Сегодня я поигрался с CSS3, в основном переходы.

Я хотел бы добиться того, чтобы при наведении курсора на элемент li фон заполнялся слева направо другим цветом, в идеале я хотел бы иметь возможность заполнить половину или полностью. Я начал jsfiddle

Нужно ли мне использовать это свойство
Переход
-vendor-prefix Может ли кто-нибудь дать мне несколько советов о том, как этого добиться?

Спасибо