transition过渡动画与display等关系

对于display: none——>display：block的动画，transition无效。可能因为display属于不占位元素消失。

对于visibility: hidden——>visibility: visible的动画，transition有效。因为visibility: hidden元素消失， 占位。但由于实际占位，hover放在visibility: hidden的元素上也会触发效果，不建议使用。

对于opacity: 0——>opacity: 1的动画，transition有效。类似淡入淡出效果

对于width: 0——>width:100px;transition有效。