过渡：宽度在Firefox中不起作用

Question

我正在为一个hr元素添加一个类，当它有这个类时会增长。它在chrome中工作得很好但在firefox上却没有。我已经检查了，它正在添加类，所以css不起作用。

有什么想法吗？

hr.portfolio-line {
width: 0px;
background-color: #fff;
border: none;
height: 2px;
z-index: 8;
position: relative;
}
hr.portfolio-line.grow {
-webkit-transition: width 1s ease-out;
-moz-transition: width 1s ease-out;
-o-transition: width 1s ease-out;
transition:  width 1s ease-out;
width: 100px;
}