亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何用CSS3實現減速動畫

如何用CSS3實現減速動畫

慕虎7371278 2018-08-13 14:09:32
http://jiangshanmeta.github.io/demo/myWork/mobile/lottery/這是半成品的例子。我想做的是一個抽獎盤。開始抽獎后 給抽獎盤添加轉動動畫并且把動畫次數設為infinite(因為不知道向后端請求等待拿到結果需要多少時間)。我本來想后端返回結果后改變動畫次數并且改變動畫持續時間來實現減速,并且監聽animationend事件通過transform+transition顯示最終抽獎結果。但是減速過于突兀。目前一個方案是接收到后臺返回值之后,每轉一圈增加一點animation-duration。求教有沒有更好地解決方案。下面是關鍵幀@keyframes rotate {  from {    -webkit-transform: rotate(0deg);    transform: rotate(0deg);       }  to {    -webkit-transform: rotate(360deg);    transform: rotate(360deg);     } }
查看完整描述

1 回答

  • 1 回答
  • 0 關注
  • 773 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號