今天有一些css3游戏，主要是过渡。
我想要实现的是，在一个li元素的悬停之后，背景将从左到右以不同的颜色填充，理想情况下，我想要能够填充一半或所有的方式..我已经开始了一个jsfiddle
我需要使用该属性
-vendor-prefix transition
有人可以给我一些关于实现这个的指点。
谢谢
解决方法
您需要做的事情是使用线性渐变作为背景，并使背景位置动画化。代码：
使用线性渐变(50％红色，50％蓝色)，并告诉浏览器背景是宽度(宽度：200％，高度：100％)的2倍)，然后告诉它将背景放置。
background: linear-gradient(to right,red 50%,blue 50%); background-size: 200% 100%; background-position:left bottom;
在悬停时，将背景位置更改为右下角和转换：全部2s缓和;位置将逐渐变化(线性更好)
背景位置：右下角;
关于-vendor-prefix’，请参阅您的问题的意见
额外
如果你想要有一个“转换”的颜色，你可以使它的宽度为300％，使转换开始在34％(略高于1/3)，结束在65％(略低于2/3 )。
background: linear-gradient(to right,red 34%,blue 65%); background-size: 300% 100%;
