先把代碼扔下邊。沒什么奇怪的東西。當(dāng)手指去滑動(dòng)頁面的時(shí)候,動(dòng)畫會(huì)停止。這是為什么?有什么解決辦法?<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>Document</title> <style> @keyframes ani{ 0%{top:0;transform: translate(0px);} 10%{transform: translate(30px);} 20%{transform: translate(0px);} 30%{transform: translate(30px);} 40%{transform: translate(0px);} 50%{transform: translate(30px);} 60%{transform: translate(0px);} 70%{transform: translate(30px);} 80%{transform: translate(0px);} 90%{transform: translate(30px);} 100%{ top:100%; transform: translate(0px); } } .animate{ top:0; animation:ani 10s ease-out; animation-fill-mode:both; } div{width:100px;height:100px;border-radius:50%;position: fixed;top:0;left:300px;background-color: #00cced} </style></head><body> <div class="animate"></div></body></html>
微信瀏覽器、內(nèi)部瀏覽器(公司客戶端自帶) css3動(dòng)畫 滑動(dòng)時(shí)動(dòng)畫不動(dòng)了
尚方寶劍之說
2018-10-19 14:10:36