为什么转换不适用于不透明度，除非时间以秒为单位

Question

Jsfiddle： http://jsfiddle.net/techsin/ww4y5rj7/

除非我以秒为单位定义时间，例如2s，而不是立方贝塞尔甚至是缓入或缓出。对不透明度没有影响。我正在使用chrome。

但是，如果我只是将不透明度更改为宽度，那么它会按预期工作。

为什么以及如何解决这个问题..

.main {
    background-color: #4a0;
    padding: 20px;
     transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -webkit-transition-timing-function: ease-out;
}