Web前端开发网

fly63.com

首页 资源 工具 文章 教程 栏目
  • 在线搜索
  • 文章标签
  • 广告合作
  • 赞助一下
  • 关于我们
资源推荐
AiPPT
全智能AI一键生成 PPT
蜂小推
不扣量的项目推广平台
购物快捷导航
一站式解决网购需求的智能平台
仙宫云
GPU算力租赁,云算力在线租赁平台
闪电玩
H5游戏官方平台,提供好玩的网络游戏
星月写作
人工智能写作助手
LiblibAI
一站式AI内容创作生成平台,原创AI模型分享社区
阿里云优惠券
卓越的云计算技术和服务提供商
SpeedAI
一键去重、降AIGC率、数据可视化、论文写作
友情链接交易
为广大站长提供友情链接买卖、软文交易等服务

资源分类

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的资源
vanilla-extract
一个类型安全、高度兼容 TS 场景的“css-in-js”库
官网
GitHub
AniJS
一个基于Css3动画的声明处理库
官网
GitHub
cssnano
是PostCSS的CSS优化和分解插件
官网
GitHub
CssNext
在线CSS语法转换工具
官网
GitHub
magicCss
CSS3奇思妙想,单标签实现各类图形
官网
GitHub
Emmet LiveStyle
css实时编辑工具、实时调试工具
官网
hover
CSS3鼠标移到元素上面的动画效果,支持 CSS、Sass、LESS
官网
GitHub
StyleX
富有表现力、具有确定性、可靠且可扩展的样式系统
官网
GitHub
目录

手机扫一扫预览

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

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