文章詳情頁(yè)
css3 - 關(guān)于CSS的animation
瀏覽:93日期:2023-08-07 13:18:13
問(wèn)題描述
比如我一個(gè)p。一開(kāi)始o(jì)pacity:0;然后animation的delay是5秒,5秒后p的動(dòng)畫(huà)是opacity是1,可是這個(gè)動(dòng)畫(huà)執(zhí)行完后p的opacity又變成0了,請(qǐng)問(wèn)如何讓他在animation后變成1就不再變?yōu)?透明了
問(wèn)題解答
回答1:animation-fill-mode: forwards
回答2:用Transition
{ opacity:0; transition: opacity 5s; -webkit-transition: opacity 5s;}
然后js控制css
element.style.opacity = 1;
標(biāo)簽:
CSS
相關(guān)文章:
1. javascript - 請(qǐng)教如何獲取百度貼吧新增的兩個(gè)加密參數(shù)2. angular.js - angularjs用websocket做聊天功能發(fā)送不出去消息3. 如何用html5開(kāi)發(fā)app?ide是netbeans4. css - 列表li與li之間的間距怎么設(shè)置?5. docker-machine添加一個(gè)已有的docker主機(jī)問(wèn)題6. 關(guān)于docker下的nginx壓力測(cè)試7. docker鏡像push報(bào)錯(cuò)8. docker安裝后出現(xiàn)Cannot connect to the Docker daemon.9. angular.js - angular內(nèi)容過(guò)長(zhǎng)展開(kāi)收起效果10. nignx - docker內(nèi)nginx 80端口被占用
排行榜

熱門(mén)標(biāo)簽