文章詳情頁(yè)
css3 - 關(guān)于CSS的animation
瀏覽:84日期:2023-08-07 13:18:13
問(wèn)題描述
比如我一個(gè)p。一開始o(jì)pacity:0;然后animation的delay是5秒,5秒后p的動(dòng)畫是opacity是1,可是這個(gè)動(dòng)畫執(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將.apply()與'new'運(yùn)算符配合使用這可能嗎?2. angular.js - webpack build后的angularjs路由跳轉(zhuǎn)問(wèn)題3. java - web項(xiàng)目中,用戶登陸信息存儲(chǔ)在session中好 還是cookie中好,取決于什么?4. java - Activity中的成員變量被賦值之后,Activity被回收的時(shí)候內(nèi)存才會(huì)被釋放嗎5. 請(qǐng)求一個(gè)數(shù)據(jù)返回內(nèi)容為空或者錯(cuò)誤如何再次請(qǐng)求幾次6. 數(shù)組按鍵值封裝!7. 老師,flex-shrink: 1; 按視頻操作,不會(huì)自動(dòng)縮放8. 為什么bindClass訪問(wèn)不了的?9. Discuz! Q 有人用過(guò)嗎?10. php由5.3升級(jí)到5.6后,登錄網(wǎng)站,返回的是php代碼,不是登錄界面,各位大神有知道的嗎?
排行榜

熱門標(biāo)簽