在CSS 3動畫結束時維護最終狀態我正在對一些設置為opacity: 0;在CSS中。動畫類被應用于單擊，并且，使用keyframework，它會將不透明的內容更改為0到1(除其他外)。不幸的是，當動畫結束時，元素返回到opacity: 0(無論是Firefox還是Chrome)。我的自然想法是動畫元素保持最終狀態，凌駕于它們原來的屬性之上。這不是真的嗎？如果沒有，我如何才能讓元素做到這一點？代碼(不包括前綴版本)：@keyframes bubble {
0% { transform:scale(0.5); opacity:0.0; }
50% { transform:scale(1.2); opacity:0.5; }
100% { transform:scale(1.0); opacity:1.0; }}
3 回答
互換的青春
TA貢獻1797條經驗 獲得超6個贊
animation: bubble 2s linear 0.5s 1 normal forwards;
白衣染霜花
TA貢獻1796條經驗 獲得超10個贊
如果不使用短手版本：animation-fill-mode: forwards
animation-fill-mode: forwards;animation-name: appear;animation-duration: 1s;animation-delay: 1s;
animation-name: appear;animation-duration: 1s;animation-fill-mode: forwards;animation-delay: 1s;
- 3 回答
- 0 關注
- 644 瀏覽
相關問題推薦
添加回答
舉報
0/150
提交
取消