原生Javascript播放图片序列帧动画

所属分类:其他,UI-动画效果,悬停

 13433  97  查看评论 (0)
分享到微信朋友圈
X
原生Javascript播放图片序列帧动画 ie兼容9

更新时间:2021-08-23 01:54:07

使用方法

<div class="hv-image-play" style="width:64px;height:64px;" style="background-size:100%(设置宽度100%就会纵向换帧,高度100%横向换帧);" keyframes="图片地址"></div>
<div class="hv-image-play" fps="10(帧率)" loop="true(循环播放)" autoplay(自动播放) style="width:54px;height:80px;background-size: auto 100%;background-position-y: 0px(设置背景的位置);" keyframes="图片地址"></div>
相关插件-动画效果,悬停

迅雷会员活动页 红包雨效果

js红包雨从上往下随机落下
  动画效果
 38201  418

css实现任务奔跑

利用backgroundposition,实现人物跑步的动画 ,并且支持快慢,暂停等
  动画效果
 34336  446

svg可爱的变色龙动画

鼠标跟随svg可爱的变色龙动画
  动画效果
 28512  388

3D花束(原创)

纯css书写花束,谁说程序员不懂浪漫
  动画效果
 27901  322

讨论这个项目(0)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复