Web前端开发网

fly63.com

首页 资源 工具 文章 教程 栏目
  • 在线搜索
  • 文章标签
  • 广告合作
  • 赞助一下
  • 关于我们
资源推荐
Trae
字节跳动推出的 AI原生编程工具
免费资源下载中心
一站式解决工作学习需求的宝藏网站
沁言学术
AI智能学术研究平台,覆盖科研全流程服务
美图设计室
AI智能一键生成海报,免费平面设计
扣子Coze
职场AI,就用扣子
奇绘馆AI视频
新一代AI视频创作平台
码上飞(CodeFlying)
用一句话自动生成小程序、APP、H5网页应用
Seedance 2.0
字节跳动新一代AI视频生成模型全面解析
阿里云优惠券
卓越的云计算技术和服务提供商
星月写作
人工智能写作助手

资源分类

AI智能 酷站推荐 招聘/兼职 框架/库 模块/管理 移动端UI框架 Web-UI框架 Js插件 Jquery插件 CSS相关 IDE环境 在线工具 图形动效 游戏框架 node相关 调试/测试 在线学习 社区/论坛 博客/团队 前端素材 图标/图库 建站资源 设计/灵感 IT资讯
网站收录 / 问题反馈

CSS Spinners

分享
复制链接
新浪微博
QQ 好友

扫一扫分享

GitHub:https://github.com/lukehaas/css-loaders
描述信息:css实现比较炫酷的 loading 加载动画
GitHub

在页面中,我们时常需要使用 gif 图片来实现比较炫酷的 loading 动画。Single Element CSS Spinners是一个CSS螺旋加载动画的集合。

使用Single Element CSS Spinners 来替代 gif 来实现螺旋加载动画,不仅减少了请求图片的次数,同时还能够通过代码来灵活地修改动画的参数。  


兼容性:

IEChrome  
Firefox  
Opera   
Safari   
10+ 4.0+ 16.0+ 15.0+  4.0+ 


注:一般不建议全部拿来使用,而是使用哪个动画效果就拷贝对应的样式。  


dom:


地址:https://projects.lukehaas.me/css-loaders

仅供个人学习参考/导航指引使用,具体请以第三方网站说明为准,本站不提供任何专业建议。如果地址失效或描述有误,请联系站长反馈~感谢您的理解与支持!

链接: https://fly63.com/nav/1208

更多»
热门资源
less
一个CSS预处理器,意味着它扩展了CSS语言,增加了允许变量,混合,函数和许多其他技术的功能
官网
GitHub
sass
成熟、稳定和强大的CSS扩展语言
官网
GitHub
postcss
PostCSS是一个使用JavaScript插件来转换CSS的工具。
官网
GitHub
stylus
Stylus是一个高效、动态以及丰富的CSS预处理器
官网
GitHub
animate.css
齐全的CSS3动画库
官网
GitHub
Metro UI
基于平板界面设计CSS库是一种界面展示技术
官网
GitHub
Spectre.css
轻量响应式 CSS 框架
官网
GitHub
water.css
只需添加CSS框架即可应用样式,无需定义元素类
官网
GitHub
DropCSS
一个用来清理无用 CSS 的小工具
点击进入
GitHub
Pattern.css
一个CSS库,使用美丽的图案填充空的背景。
官网
GitHub
three-dots
一组CSS加载动画,它由三个点组成,而这些点仅由单个元素组成
官网
GitHub
CSSeffectsSnippets
提供了漂亮的CSS动画
官网
GitHub
类似于CSS Spinners的资源
LostGrid
一个内置于PostCSS的强大网格系统
官网
GitHub
Hint.css
简单易用纯CSs文字Tooltip库
官网
GitHub
CSS Effects
一个 CSS 动效相关的网站
官网
GitHub
hotcss
移动端布局终极解决方案
官网
GitHub
est
一个基于 Less 的样式工具库,帮助您更轻松地书写 Less 代码
官网
GitHub
UnoCSS
一个即时的原子化 CSS 引擎
官网
GitHub
css-modal
一个由纯CSS构建的模式
官网
GitHub
hover
CSS3鼠标移到元素上面的动画效果,支持 CSS、Sass、LESS
官网
GitHub
目录

手机扫一扫预览

》
分享组件加载中...
首页 技术导航 在线工具 技术文章 教程资源 前端标签 AI工具集 前端库/框架 实用工具箱 广告合作 关于我们

Copyright © 2018 Web前端开发网 All Rights Reserved. 提供免费在线工具、编程学习资源(教程/框架/库),内容以学习参考为主,助您解决各类实际问题,快速提升专业能力。