在下面的小提琴中，我分别对可见性和不透明度进行了过渡.后者行得通，而前者不行.此外，在能见度的情况下，过渡时间被解释为悬停时的延迟.在Chrome和amp；Firefox中都会发生这种情况.这是个窃听器吗？
http://jsfiddle.net/0r218mdo/3/个
case 1:
#inner{
visibility:hidden;
transition:visibility 1000ms;
}
#outer:hover #inner{
visibility:visible;
}
case 2:
#inner1{
opacity:0;
transition:opacity 1000ms;
}
#outer1:hover #inner1{
opacity:1;
}
This is not a bug-您只能在序数/可计算(computed)属性上进行转换(考虑这一点的一个简单方法是任何具有数字开始和结束数值的属性……尽管有一些例外).
这是因为变换通过计算两个values之间的关键帧来工作，并通过外推中间数量来生成动画.
本例中的visibility是一个二进制设置(可见/隐藏)，因此一旦过渡持续时间过go ，该属性只会切换状态，您会将其视为延迟-但它实际上可以被视为过渡动画的最终关键帧，中间关键帧尚未计算(隐藏/可见之间的值由什么组成？不透明？维度？因为它不明确，所以它们没有被计算).
opacity是一个值设置(0-1)，因此可以在提供的持续时间内计算关键帧.
可以找到可转换(可动画)属性的列表here