{"id":13432100,"url":"https://github.com/lukehaas/css-loaders","last_synced_at":"2025-05-12T15:33:02.093Z","repository":{"id":16752890,"uuid":"19510544","full_name":"lukehaas/css-loaders","owner":"lukehaas","description":"A collection of loading spinners animated with CSS","archived":false,"fork":false,"pushed_at":"2025-02-21T15:13:22.000Z","size":124,"stargazers_count":7053,"open_issues_count":21,"forks_count":1035,"subscribers_count":162,"default_branch":"step2","last_synced_at":"2025-05-01T03:28:34.062Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/lukehaas.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2014-05-06T20:58:53.000Z","updated_at":"2025-04-29T06:25:14.000Z","dependencies_parsed_at":"2024-01-02T23:17:53.547Z","dependency_job_id":"a13d1964-e60c-48fc-96bb-9118ea418bf0","html_url":"https://github.com/lukehaas/css-loaders","commit_stats":{"total_commits":48,"total_committers":7,"mean_commits":6.857142857142857,"dds":"0.39583333333333337","last_synced_commit":"bbd6d6776d89b546b6cc2e3b0675bb9b9ed1fcd6"},"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lukehaas%2Fcss-loaders","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lukehaas%2Fcss-loaders/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lukehaas%2Fcss-loaders/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lukehaas%2Fcss-loaders/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/lukehaas","download_url":"https://codeload.github.com/lukehaas/css-loaders/tar.gz/refs/heads/step2","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":252911609,"owners_count":21824055,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-07-31T02:01:08.566Z","updated_at":"2025-05-12T15:33:02.040Z","avatar_url":"https://github.com/lukehaas.png","language":"CSS","funding_links":[],"categories":["CSS","Loading Status","UI","Loader","Loading Status [🔝](#readme)","13. 页面交互","加载状态","Table of Contents"],"sub_categories":["Runner","Save","13.6 进度条/加载动画(Loading) ###","运行器","Video Libraries","13.6 进度条/加载动画(Loading)","运行器e2e测试"],"readme":"# [Single Element CSS Spinners](https://lukehaas.me/projects/css-loaders)\n\nThis is a collection of loading spinners animated with CSS.\n\nEach spinner consists of a single `div` with a class of `loader` and content text of \"Loading...\".\nThe text is for screen readers and can be used as a fallback state for older browsers.\n\nThe aim of this project was to create a set of minimal loading spinners that are visually appealing and also convey their intended meaning.\n\nA strict limit of one element per loader (not including pseudo-elements) was placed on this project based on the belief that something as simple as a loader doesn't deserve more.\n\nEach loader is given a font size in pixels and all other sizes are in ems so to change the size of a loader, just adjust the font-size.\n\n## Demo\n\n[![css-loaders-screenshot](https://raw.githubusercontent.com/lukehaas/css-loaders/step2/images/css-loaders-screenshot.jpg)](https://lukehaas.me/projects/css-loaders)\n\n\u003e [Check it live](https://lukehaas.me/projects/css-loaders).\n\n## Browser Support\n\n![IE](https://raw.github.com/alrra/browser-logos/master/internet-explorer/internet-explorer_48x48.png) | ![Chrome](https://raw.github.com/alrra/browser-logos/master/chrome/chrome_48x48.png) | ![Firefox](https://raw.github.com/alrra/browser-logos/master/firefox/firefox_48x48.png) | ![Opera](https://raw.github.com/alrra/browser-logos/master/opera/opera_48x48.png) | ![Safari](https://raw.github.com/alrra/browser-logos/master/safari/safari_48x48.png)\n--- | --- | --- | --- | --- |\nIE 10+ ✔ | Chrome 4.0+ ✔ | Firefox 16.0+ ✔ | Opera 15.0+ ✔ | Safari 4.0+ ✔ |\n\n## Contributing\n\n1. Fork it!\n2. Create your feature branch: `git checkout -b my-new-feature`\n3. Commit your changes: `git commit -m 'Add some feature'`\n4. Push to the branch: `git push origin my-new-feature`\n5. Submit a pull request :)\n\n## History\n\nFor detailed changelog, check [Releases](https://github.com/lukehaas/css-loaders/releases).\n\n## License\n\n[MIT License](https://github.com/lukehaas/css-loaders/blob/step2/LICENSE)\n\nBrowser testing via [![lambda test](https://www.lambdatest.com/support/img/logo.svg)](https://www.lambdatest.com/)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flukehaas%2Fcss-loaders","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Flukehaas%2Fcss-loaders","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flukehaas%2Fcss-loaders/lists"}