当起始位置显示时，CSS转换不起作用：none;

Question

我有一个从display: none开始为left: 0的元素。我需要展示它并将其移至left: 40。但转型不起作用。元素直接显示在左边：40。

N.B我没有从display none转换为block。我正在过渡一个完全不同的财产。

小提琴：

https://jsfiddle.net/5t43rdkb/2/

Answer 1

  

N.B我没有从display none转换为block。我正在过渡一个完全不同的财产。

您是否正在转换显示属性并不重要。为了从所有元素开始转换，元素必须已经处于可以动画化的状态。由于display: none完全禁止了框生成，因此即使您在新规则中立即将其更改为display: block并导致其生成，您也无法为那些根本不存在的框设置动画生成一个盒子。特别是，像position和left这样的属性在不存在的框中没有任何意义，因为同样没有任何东西可以放在首位。