{"id":15047021,"url":"https://github.com/zxuqian/html-css-examples","last_synced_at":"2025-05-14T21:10:36.397Z","repository":{"id":42677812,"uuid":"231174545","full_name":"zxuqian/html-css-examples","owner":"zxuqian","description":"A collection of HTML and CSS examples, including effects and UIs.","archived":false,"fork":false,"pushed_at":"2024-12-29T09:18:29.000Z","size":55085,"stargazers_count":964,"open_issues_count":0,"forks_count":375,"subscribers_count":19,"default_branch":"master","last_synced_at":"2025-04-06T15:04:12.754Z","etag":null,"topics":["css","css3","effect","html","javascript","ui"],"latest_commit_sha":null,"homepage":"https://zxuqian.github.io/html-css-examples/","language":"HTML","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/zxuqian.png","metadata":{"files":{"readme":"README-zh_CN.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":"2020-01-01T04:19:02.000Z","updated_at":"2025-04-05T03:01:16.000Z","dependencies_parsed_at":"2025-01-03T05:15:10.376Z","dependency_job_id":null,"html_url":"https://github.com/zxuqian/html-css-examples","commit_stats":{"total_commits":98,"total_committers":2,"mean_commits":49.0,"dds":"0.010204081632653073","last_synced_commit":"abc6a85b160d5c8557216ed50b980c4faec513dd"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zxuqian%2Fhtml-css-examples","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zxuqian%2Fhtml-css-examples/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zxuqian%2Fhtml-css-examples/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zxuqian%2Fhtml-css-examples/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/zxuqian","download_url":"https://codeload.github.com/zxuqian/html-css-examples/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248753397,"owners_count":21156271,"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":["css","css3","effect","html","javascript","ui"],"created_at":"2024-09-24T20:53:52.870Z","updated_at":"2025-04-13T17:37:16.740Z","avatar_url":"https://github.com/zxuqian.png","language":"HTML","readme":"# HTML CSS 特效示例代码库\n\n本仓库包含我发布在 [Bilibili, 峰华前端工程师](https://space.bilibili.com/302954484) 视频的配套示例代码。你可以用来寻找灵感，或者直接使用示例中的代码。\n\n[英文版](./README.md)\n\n在线 Demo 演示： [https://zxuqian.github.io/html-css-examples/](https://zxuqian.github.io/html-css-examples/)\n\n仓库中的每个文件夹下即对应各个 HTML/CSS 示例的源代码，包括：\n\n- CSS/SVG 动画\n- 阴影/发光/玻璃特效\n- 响应式布局\n- 打字机特效\n- 脸部识别\n- 3D 变换\n- 原生 Canvas\n- 还有更多...\n\n## 个人主页 \n\n[博客](https://zxuqian.cn)\n\n[点击跳转到我的 Bibibili 个人空间首页](https://space.bilibili.com/302954484)\n\n或者扫描下方二维码\n\n\u003cimg src=\"./bilibili.jpg\" width=\"250\" alt=\"Bilibili 峰华前端工程师\" /\u003e\n\n## 贡献\n\n欢迎贡献新特效示例！请按照以下步骤添加：\n\n1. Fork 仓库。\n2. 创建一个新分支，以 `feature/` 开头。\n3. 参考现有的示例结构创建示例（注意最新的编号）。\n4. 运行 `yarn run watch` 或 `npm run watch`。它会监控 `src/index.js` 中的更改，并编译到 `/index.js`，这个文件用于生成示例页面的 React 组件。\n5. 更新 `src/index.js`。在 `uis` 数组的顶部添加示例名字和链接，并把 `newItem` 设置为 `true`，移除上一个示例的 `newItem` 属性。\n6. 测试并提交 PR。\n7. 请确保示例的样式符合现代设计审美。\n\n注意：你同意所贡献的代码可能会在我的一些视频中进行教学演示。","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzxuqian%2Fhtml-css-examples","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fzxuqian%2Fhtml-css-examples","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzxuqian%2Fhtml-css-examples/lists"}