css代码#D72727和#ffffff为颜色(其中，left代表颜色过渡方向，比如设置为bottom就会变成上下过渡，末尾的百分比为颜色的偏移量，也就是你说的50%，具体可以根据自己的需要调整)：
obj{background: linear-gradient(to left,#D72727 0,#ffffff 50%)
background: -webkit-linear-gradient(to left,#D72727 0,#ffffff 50%)
}
纯手打，望采纳。
10% { background:red} 表示背景在0－1秒内变红色；50% { width:80px} 表示宽度在0－5秒内由0变80px；
70% { border:15px solid yellow} 表示边框在0－7秒内由无边框变为15px实心的黄色边框；
100% { width:180pxheight:180px} 表示宽度从5－10秒变成180px，高度变成180px；
综上所述，前面的百分比，代表的是执行的时间，按秒来计算。
望采纳
