Поиграть с css3 сегодня, в основном переходы.

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

Нужно ли мне использовать собственность

-vendor-prefix transition 

Может ли кто-нибудь дать мне несколько советов по достижению этого, пожалуйста.

Спасибо