HTML如何实现使一个图片开始旋转后逐渐减速至停止

HTML如何实现使一个图片开始旋转后逐渐减速至停止,第1张

<div id="wq"></div>

<style>

#wq{

  width:50px

  height:50px

  background-color:red

  animation:go ease-in 3s

}

@keyframes go{

  0% {

     transform: rotate(0)

  }

  50%{

    transform: rotate(720deg)

  }

  100% {

     transform: rotate(900deg)

  }

}

</style>

这个只是个简易的旋转,转盘的实现的方法很多,你可以百度一下。

很明显就是异域战将。

http://www.emu618.com/jiejiyouxi/MAME_duozhongjieji_/2012/sj/bx/2010/1029/27282.html

还有一款很像的游戏 :地狱门/地狱英雄传

http://www.emu618.com/jiejiyouxi/MAME_duozhongjieji_/2012/sj/bx/2010/1028/26157.html

要用mame模拟器来玩的。

http://www.emu618.com/gongjuxiazai/jiejimoniqi/mamemoniqi/2010/0923/23919.html


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/zaji/6211952.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-18
下一篇 2023-03-18

发表评论

登录后才能评论

评论列表(0条)

保存