css颜色转换延迟问题

Question

http://codepen.io/anon/pen/Iwtyg

我正在研究这个小项目（参见CodePen），除了许多其他内容之外，尝试在div调整大小后逐渐显示div.artMain文本，但由于某种原因，{{1第48行被忽略了。

在某些我看不到的地方覆盖了什么？

非常感谢任何想法！

Answer 1

在第48行之后添加：

-webkit-transition: color 850ms;
-moz-transition: color 850ms;
-o-transition: color 850ms;
-ms-transition: color 850ms;

确保使用起始短划线' - '

Answer 2

我明白了。

似乎如果初始display属性设置为none，则不会应用该对象的所有后续CSS。因此，我在第44行使用了极小的高度来隐藏div，然后转换开始工作。

感谢所有的建议！