[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-70865":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":15,"subscribersCount":15,"size":15,"stars1d":15,"stars7d":15,"stars30d":15,"stars90d":15,"forks30d":15,"starsTrendScore":15,"compositeScore":16,"rankGlobal":10,"rankLanguage":10,"license":17,"archived":18,"fork":19,"defaultBranch":20,"hasWiki":18,"hasPages":19,"topics":21,"createdAt":10,"pushedAt":10,"updatedAt":30,"readmeContent":31,"aiSummary":32,"trendingCount":15,"starSnapshotCount":15,"syncStatus":33,"lastSyncTime":34,"discoverSource":35},70865,"30-seconds-of-css","Chalarangelo\u002F30-seconds-of-css","Chalarangelo","Short CSS code snippets for all your development needs","https:\u002F\u002Fwww.30secondsofcode.org\u002Fcss\u002Fp\u002F1",null,"CSS",16030,998,16047,0,44,"Creative Commons Attribution 4.0 International",true,false,"master",[22,23,24,25,26,27,28,29],"css","css-snippets","education","learn-to-code","learning-resources","programming","snippets","snippets-collection","2026-06-12 02:02:44","> **IMPORTANT NOTICE:**\n>\n> As of May, 2023, all 30-seconds content repositories have been merged into [30-seconds-of-code](https:\u002F\u002Fgithub.com\u002F30-seconds\u002F30-seconds-of-code).\n>\n> Please watch, star and follow relevant activity there.\n\n[![Logo](\u002Flogo.png)](https:\u002F\u002F30secondsofcode.org\u002Fcss\u002Fp\u002F1)\n\n# 30 seconds of code\n\n> Short CSS code snippets for all your development needs\n\n* Visit [our website](https:\u002F\u002F30secondsofcode.org) to view our snippet collection.\n* Use the [Search page](https:\u002F\u002F30secondsofcode.org\u002Fsearch) to find snippets that suit your needs. You can search by name, tag, language or using a snippet's description. Just start typing a term and see what comes up.\n* Browse the [CSS Snippet collection](https:\u002F\u002F30secondsofcode.org\u002Fcss\u002Fp\u002F1) to see all the snippets in this project or click individual tags at the top of the same page to narrow down your search to a specific tag.\n* Click on each snippet card to view the whole snippet, including code, explanation and examples.\n* You can use the button at the bottom of a snippet card to view the snippet in Codepen.\n* If you like the project, give it a star. It means a lot to the people maintaining it.\n\n## Want to contribute?\n\n* If you want to help us improve, take a minute to read the [Contribution Guidelines](\u002FCONTRIBUTING.md) first.\n* Use the [Snippet Template](\u002Fsnippet-template.md) to add new snippets to the collection.\n* If you find a problem with a specific snippet, please [open an issue](https:\u002F\u002Fgithub.com\u002F30-seconds\u002F30-seconds-of-css\u002Fissues\u002Fnew).\n* If you find a problem with the website, please [report it in the web repository](https:\u002F\u002Fgithub.com\u002F30-seconds\u002F30-seconds-web\u002Fissues\u002Fnew).\n\n## Credits\n\n* This repository is maintained by the [30 seconds of code organization on GitHub](https:\u002F\u002Fgithub.com\u002F30-seconds).\n* All snippets are licensed under the CC-BY-4.0 License, unless explicitly stated otherwise.\n* Logos, names and trademarks are not to be used without the explicit consent of the owners of the 30 seconds of code GitHub organization.\n* Our website is powered by [Netlify](https:\u002F\u002Fwww.netlify.com\u002F), [Next.js](https:\u002F\u002Fnextjs.org\u002F) & [GitHub](https:\u002F\u002Fgithub.com\u002F).\n","30-seconds-of-css 是一个提供短小精悍 CSS 代码片段的项目，旨在满足各种开发需求。该项目汇集了大量的 CSS 代码片段，每个片段都包含了简洁明了的代码、详细的解释和实际应用示例，方便开发者快速理解和使用。这些代码片段涵盖了布局、动画、响应式设计等多个方面，非常适合前端开发者在日常工作中查找和引用。此外，项目还提供了强大的搜索功能，用户可以通过名称、标签或描述等关键词来快速定位所需的代码片段，极大地提高了开发效率。",2,"2026-06-11 03:34:37","high_star"]