显示起始位置时CSS转换不起作用:none;

Question

我有一个元素，从left: 0开始为display: none。我需要显示它并将其移动到left: 40。但这种转变并不奏效。元素直接显示在左边：40。

N.B我不会从显示无转换为阻止。我正在转换一个完全不同的属性。

Fiddle here:

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

Answer 1

N.B我不会从显示无转换为阻止。我正在转换一个完全不同的属性。

是否转换显示属性并不重要。为了使转换开始，元素必须已经处于可以设置动画的状态。由于display: none完全抑制长方体生成，因此无法对根本不存在的长方体设置动画，即使在新规则中将其立即更改为display: block并使其生成长方体也是如此。特别是，像position和left这样的属性在一个不存在的盒子上没有意义，因为同样，一开始没有什么可以定位的。