文章詳情頁
css3 - 關于CSS的animation
瀏覽：79日期：2023-08-07 13:18:13
問題描述
比如我一個p。一開始opacity：0；然后animation的delay是5秒，5秒后p的動畫是opacity是1，可是這個動畫執行完后p的opacity又變成0了，請問如何讓他在animation后變成1就不再變為0透明了
問題解答
回答1：animation-fill-mode: forwards
回答2：用Transition
{ opacity：0; transition: opacity 5s; -webkit-transition: opacity 5s;}
然后js控制css
element.style.opacity = 1;
標簽：
CSS
相關文章：
1. docker images顯示的鏡像過多，狗眼被亮瞎了，怎么辦？2. javascript - Web微信聊天輸入框解決方案3. 請教各位大佬，瀏覽器點 提交實例為什么沒有反應4. javascript - log4js的使用問題5. docker - 如何修改運行中容器的配置6. javascript - 移動端textarea不能上下滑動，該怎么解決？7. javascript - history.replaceState()無法改變query參數8. javascript - 為什么form表單提交沒有跨域問題，但ajax提交有跨域問題？9. javascript - Ajax加載Json時，移動端頁面向左上角縮小一截兒，加載完成后才正常顯示，這該如何解決？10. javascript - 為什么這個點擊事件需要點擊兩次才有效果
排行榜
網公網安備