如果您正在尋找一種設置 div 逐漸顯示的方法,那么您可以使用 CSS 來實現它。在這篇文章中,我們將向您展示如何使用 CSS 來實現逐漸顯示 div。
.fade-in { opacity: 0; transition: opacity 2s ease-out; } .fade-in.active { opacity: 1; }
首先,您需要創建一個 div 并給其添加一個類名,例如“fade-in”。
<div class="fade-in"> <p>這是要顯示的內容。</p> </div>
在 CSS 中,您需要設置“opacity”屬性為“0”,這將使 div 變得不可見。然后,您需要添加一些過渡效果,以使 div 逐漸顯示。在本例中,我們使用“transition”屬性,將其設置為“opacity 2s ease-out”。這將使 div 顯示的過程平滑且自然。
當您需要顯示這個 div 時,您需要給它添加一個 active 類名,如下所示:
var element = document.querySelector('.fade-in'); element.classList.add('active');
現在,您已經成功地使用 CSS 設置了 div 逐漸顯示的效果。