文章詳情頁
css3 - 關(guān)于CSS的animation
瀏覽:162日期:2023-08-07 13:18:13
問題描述
比如我一個p。一開始opacity:0;然后animation的delay是5秒,5秒后p的動畫是opacity是1,可是這個動畫執(zhí)行完后p的opacity又變成0了,請問如何讓他在animation后變成1就不再變?yōu)?透明了
問題解答
回答1:animation-fill-mode: forwards
回答2:用Transition
{ opacity:0; transition: opacity 5s; -webkit-transition: opacity 5s;}
然后js控制css
element.style.opacity = 1;
標簽:
CSS
相關(guān)文章:
1. 運行python程序時出現(xiàn)“應(yīng)用程序發(fā)生異常”的內(nèi)存錯誤?2. 在mac下出現(xiàn)了兩個docker環(huán)境3. 利用IPMI遠程安裝centos報錯!4. spring-mvc - spring-session-redis HttpSessionListener失效5. javascript - QQ第三方登錄的問題6. 測試自動化html元素選擇器元素ID或DataAttribute [關(guān)閉]7. javascript - node得到req不能得到boolean8. javascript - 最近用echarts做統(tǒng)計圖時遇到兩個問題!!9. java - Spring boot 讀取 放在 jar 包外的,log4j 配置文件,系統(tǒng)有創(chuàng)建日志文件,不寫入日志信息。10. javascript - 在 model里定義的 引用表模型時,model為undefined。
排行榜

熱門標簽
網(wǎng)公網(wǎng)安備