Html 有没有一种方法可以通过使div从顶部可见然后再向下可见来将其转换为可见的div？

有没有一种方法可以通过使div从顶部可见，然后再从底部可见来将其转换为可见的div？ 例如：

---

是的，您可以，但是您不能使用显示选项进行淡入淡出，因为它没有中间状态。如果您想实现不透明度淡入淡出，您必须使用css不透明度选项，以及div调用此更改的触发器。代码如下所示：

CSS:

---

另一方面，如果您希望div在web加载时进行淡入，则需要在js中创建一个函数，该函数将在页面加载时调用，使用onload=“function（）”

我认为这在普通html/css中是不可能的。Jquery有一个名为的内置函数，允许这种行为。如果你不使用jQuery，你可以使用香草javascript实现类似的东西。是的，但是我想知道，如果你明白我的意思的话，是否有可能不只是让所有的东西慢慢淡出直到不透明度1，而是让它从上到下淡出。在这种情况下，你可以利用。使用这些工具，您可以将div放置在x位置，然后将其移动到y位置。看看吧，它在css动画方面帮了我很多。

#div {
visibility: hidden;
transition: visibility 1s (??);
}

#outerdiv:hover #div{
visibility: visible;
}

div{
opacity: 0;
transition: 1s;
}

/*in this case I will use hover as the trigger*/
div:hover{
opacity:1;
}