设为首页收藏本站

切换到宽版

全球主机交流论坛»论坛 › 主机综合交流 › 美国VPS综合讨论 › CSS动画有没有办法转成gif动图？

网络延迟测速工具

会员请立即修改密码

发新帖

查看: 653|回复: 4

CSS动画有没有办法转成gif动图？

发表于 2018-12-30 15:01:34 | 显示全部楼层 |阅读模式

<style>
#loading{width:100%;height:100%;z-index:5555;position:fixed;left:0;top:0;background:#fff}.spinner{margin:0;width:70px;height:18px;margin:-35px 0 0 -9px;position:absolute;top:50%;left:50%;text-align:center}.spinner>div{width:18px;height:18px;background-color:#333;border-radius:100%;display:inline-block;-webkit-animation:bouncedelay 1.4s infinite ease-in-out;animation:bouncedelay 1.4s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}.spinner .bounce1{-webkit-animation-delay:-.32s;animation-delay:-.32s}.spinner .bounce2{-webkit-animation-delay:-.16s;animation-delay:-.16s}@-webkit-keyframes bouncedelay{0%,80%,to{-webkit-transform:scale(0.0)}40%{-webkit-transform:scale(1.0)}}@keyframes bouncedelay{0%,80%,to{transform:scale(0.0);-webkit-transform:scale(0.0)}40%{transform:scale(1.0);-webkit-transform:scale(1.0)}}
</style>
<body>
<div id="loading">
<div class="spinner">
      <div class="bounce1"></div>
      <div class="bounce2"></div>
      <div class="bounce3"></div>
</div>
</div>
<body>

回复

楼主| 发表于 2018-12-30 15:11:12 | 显示全部楼层

amo 发表于 2018-12-30 15:02
录屏吧

相当麻烦。

回复支持反对

发表于 2018-12-30 15:14:22 | 显示全部楼层

本帖最后由西瓜于 2018-12-30 15:29 编辑

点评

我去，谢谢你。发表于 2018-12-30 15:36

回复支持反对

还有一些帖子被系统自动隐藏，点此展开

发新帖

Archiver|手机版|小黑屋|全球主机交流论坛

GMT+8, 2026-4-10 06:36 , Processed in 0.058135 second(s), 11 queries , Gzip On, MemCache On.

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表