https://github.com/grevory/rounded-loading-spinner
Hide those rough transparent GIF edges for rounded loaders
https://github.com/grevory/rounded-loading-spinner
Last synced: 3 months ago
JSON representation
Hide those rough transparent GIF edges for rounded loaders
- Host: GitHub
- URL: https://github.com/grevory/rounded-loading-spinner
- Owner: grevory
- Created: 2013-03-05T00:59:13.000Z (over 12 years ago)
- Default Branch: master
- Last Pushed: 2013-03-05T17:31:18.000Z (over 12 years ago)
- Last Synced: 2025-01-17T05:27:13.715Z (5 months ago)
- Size: 126 KB
- Stars: 1
- Watchers: 3
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
rounded-loading-spinner
=======================
Hide those rough transparent GIF edges for rounded loaders.
You can easily remove the modal overlay if you want to have the loader inline in your app.
The image can be swapped easily (though be sure to change the sizes in the styles) and the transition time is easy to change. I have it set to one second for dramatic demo effect.
This does not require any JS to work. It is all CSS and HTML. You just need to be able to add the class "show-rounded-loading-spinner" to show the loader and remove that class to hide it.
I have added some simple jQuery to show how it works.