色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

css一個層數(shù)秒后消失

劉柏宏2年前9瀏覽0評論

CSS是層疊樣式表(Cascading Style Sheets)的縮寫,它是一種定義HTML或XML等文件展示方式的語言。其中,CSS3提供了很多有趣的特效,本文就來介紹如何讓一個層在幾秒鐘后消失。

/*首先,我們來定義需要消失的元素的外觀,這里以一個div為例*/
div {
background-color: #f2f2f2;
width: 200px;
height: 100px;
text-align: center;
line-height: 100px;
font-size: 20px;
}
/*接下來,我們給這個div定義一個類,用于添加樣式*/
.hide {
/*這里使用了CSS3中的過渡效果transition,讓層漸漸消失*/
transition: opacity 2s linear;
/*將透明度設(shè)置為0,使其看起來消失*/
opacity: 0;
}

現(xiàn)在,我們已經(jīng)定義了需要消失的元素和要添加的類。接下來,我們需要通過jQuery讓元素在幾秒鐘后自動添加這個類并消失。

這個層將在幾秒鐘內(nèi)消失

現(xiàn)在,層已經(jīng)設(shè)置好了,運(yùn)行代碼后會看到,2秒鐘后這個層會漸漸消失。