为Chrome和IE应用过滤器转换以及不透明度转换

Question

我有以下CSS：

[data-state='not-ready'] .foo {
    -webkit-filter: opacity(0%);
}

[data-state='transitioning'] .foo {
    -webkit-filter: opacity(100%);
    transition: -webkit-filter 100ms ease-in;
}

但Firefox和IE不支持filter。

我想为Firefox和IE应用简单的opacity转换，同时仍然使用Chrome的filter转换。

我该怎么做？