在CSS中,我們可以使用opacity屬性控制元素的透明度,這樣就可以實現(xiàn)元素消失的效果。
.fade-out { opacity: 0; transition: opacity 1s ease-in-out; }
在上面的代碼中,我們給需要消失的元素添加了一個.fade-out的class,然后設(shè)置其opacity為0,這樣元素就完全不可見了。
為了實現(xiàn)元素逐漸消失的效果,我們還需要添加一個過渡效果,一般可以使用transition屬性進(jìn)行設(shè)置。這里我們設(shè)置了opacity屬性的過渡時間為1s,使用了ease-in-out的緩動函數(shù)。
使用這個class來控制需要逐漸消失的元素,就可以實現(xiàn)元素逐漸消失的效果。