文章詳情頁
css3 - 關于CSS的animation
瀏覽：83日期：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. mysql - 在不允許改動數據表的情況下，如何優化以varchar格式存儲的時間的比較？2. css - chrome下a標簽嵌套img 顯示會多個小箭頭?3. docker網絡端口映射，沒有方便點的操作方法么？4. javascript - 網頁打印頁另存為pdf的代碼一個問題5. vim - docker中新的ubuntu12.04鏡像,運行vi提示,找不到命名.6. css3 - 純css實現點擊特效7. java中返回一個對象，和輸出對像的值，意義在哪兒8. javascript - 有適合開發手機端Html5網頁小游戲的前端框架嗎？9. javascript - Img.complete和img.onload判斷圖片加載完成有什么區別？10. mysql 為什么主鍵 id 和 pid 都市索引, id > 10 走索引 time > 10 不走索引?
排行榜
網公網安備