Css 什么'；过渡中的可见性点是什么？

如果我感到困惑，请给出建议，但是否有必要在可见性上进行转换？当然，不透明度会产生整洁的效果。但将none更改为block将立即从nada更改为full。也许我们可以在某个时间间隔内将它的发生传播到某个时间，但这种转变将同时发生。还是我错了

这是我正在创建的代码。我是否应该将最后三行保留为第一种样式

div.contentItem{
    border: 2px solid #00bb00;
    border-radius: 20px;
    background-color: Beige;
    padding: 10px;
    -webkit-transition: visibility 3.0s, opacity 3.0s;
    -moz-transition: visibility 3.0s, opacity 3.0s;
    -o-transition: visibility 3.0s, opacity 3.0s;
}

div.contentItemHidden{
    opacity: 0;
}

div.contentItemVisible{
    opacity: 1;
}

之前，我在最后两个子句中使用了块样式，但这实际上破坏了不透明度的转换（可能是因为display:none导致元素根本不可不透明）

---

是的，在

可见性上进行转换是有意义的。如果只在元素上使用
opacity
，该元素仍将存在，并将阻止单击和悬停效果。使用
可见性：隐藏
，元素将不再可见（类似于
不透明度：0
），但无法单击

下面的链接有助于更详细地解释为什么需要同时使用
可见性
和
不透明度
，以及如何正确操作：

作为旁注，我注意到您在问题中提到了
可见性
，但在代码中有
显示
。我想指出和之间有区别。特别是，元素
可见性：隐藏的
不可见，但仍会占用空间。带有
display的元素：none
不可见，但不占用空间。
啊，我认为“可见性”是“display”的网络工具包。好吧，我可以改正。
div.contentItemHidden{
    display: none;
    opacity: 0;
}

div.contentItemVisible{
    display: block;
    opacity: 1;
}