Collection of 12 small, elegant pure css spinners for your website's loading animation.
loading.io provides a web interface to quickly choose and copy your desired spinners, yet you can still find the source code in this repository. The basic usage is as:
Separated CSS and HTML files are also available under build folder for reusing CSS codes to reduce payload size.
We also provide stylus and pug source files for better integrating these spinners into your project. Find corresponding stylus and pug files for your desired spinners under src/ folders.
To use stylus files alone, you will have to provide variables listed in vars.styl.
This module is also released through npm as @loadingio/css-spinner.
You can also customize all these loaders by building them yourself.
vars.styl
based on your needs.npm install
. You will need NPM / NodeJS pre-installed.npm run build
dist/
folder.These spinners use CSS Animation and Transformation which is widely supported by major modern browsers except IE<=9. To support older browsers like IE9, please use loading.io to generate alternative GIF Loaders instead.
All loader files here are released under CC0 License. However, you could attribute to this link: loading.io css spinner ( https://loading.io/css/ ) to give loading.io a thumbs-up.
Other source codes are released under MIT License.
If you want to make custom css loading animation, loading.io also provides loading.css - A pure CSS loading animation library, and a helper GIF builder. Don't forget to check it out and share your customized loader with us!
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。