文章詳情頁(yè)
css3 - 關(guān)于CSS的animation
瀏覽:111日期: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. android - weex 項(xiàng)目createInstanceReferenceError: Vue is not defined2. PHPExcel表格導(dǎo)入數(shù)據(jù)庫(kù)怎么導(dǎo)入3. android - 哪位大神知道java后臺(tái)的api接口的對(duì)象傳到前端后輸入日期報(bào)錯(cuò),是什么情況?求大神指點(diǎn)4. javascript - 如圖,百度首頁(yè),查看源代碼為什么什么都沒(méi)有?5. pdo 寫(xiě)入到數(shù)據(jù)庫(kù)的內(nèi)容為中文的時(shí)候?qū)懭雭y碼6. vue2.0+webpack 如何使用bootstrap?7. html - 根據(jù)用戶(hù)id實(shí)現(xiàn)論壇用戶(hù)頭像顯示的最佳實(shí)現(xiàn)8. 前端 - 為什么CSS transform-origin 屬性在 Chrome 和 Safari 中得到完全不同的效果?9. docker綁定了nginx端口 外部訪問(wèn)不到10. PHP類(lèi)封裝的插入數(shù)據(jù),總是插入不成功,返回false;
排行榜

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