[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"$f3n2cflp4zhps1":3,"$f3c8ch9y8morxt":22,"$f3tcgfrajozxny":181,"$fr57cjicjvyls":284},{"data":4},{"id":5,"name":6,"url":7,"icon":8,"description":6,"content":9,"isDirect":10,"isSlow":10,"isRecommended":10,"isUtm":10,"isInvalid":10,"tags":8,"views":11,"code":12,"categoryId":13,"createdAt":14,"category":15},723,"CSS按钮生成","http:\u002F\u002Fwww.cssbuttongenerator.com\u002F",null,"## 站点概述\n\nCSS Button Generator是一个在线的 CSS 按钮生成工具。工具提供按钮样式的参数调节，并可输出对应的 HTML 与 CSS 代码，面向前端开发者与设计初学者，网页直接打开使用。\n\n## 主要功能与内容\n\n- 样式调节：可调整按钮的颜色、圆角与边框等属性。\n- 实时预览：调整过程同步显示按钮效果。\n- 代码输出：生成并复制对应的 HTML 与 CSS。\n- 模板参考：提供常见按钮样式作为起点。\n\n## 特色与优势\n\n该工具的特点在于把按钮样式以图形化方式调节，使用者无需手写样式即可得到所需外观；生成的代码可直接使用，适合作为初学阶段的参考。\n\n## 使用场景与适合人群\n\n适合前端初学者了解按钮样式对应的 CSS 属性，也适合开发者快速生成按钮代码；生成结果建议结合项目的样式规范再做调整。\n\n## 总结\n\n总体而言，CSS Button Generator 是一个以按钮样式生成为功能的工具，可视化调节与代码输出是其特点；页面未标注作者与发布时间，具体功能以站内呈现为准。",false,53,"730a99ef1552",59,"2026-08-17T17:38:56.660Z",{"id":13,"name":16,"icon":8,"code":17,"parent":18},"开发工具","develop-devtools",{"id":19,"name":20,"code":21},58,"技术开发","develop",{"data":23},[24,32,40,48,57,65,73,81,90,98,105,112,120,128,135,143,151,158,166,173],{"id":25,"name":26,"url":27,"code":28,"icon":8,"description":29,"isDirect":10,"isSlow":10,"isRecommended":10,"isUtm":10,"isInvalid":10,"tags":8,"views":30,"categoryId":13,"category":31},698,"文本在线比对工具","https:\u002F\u002Fdiffsuite.com\u002F","3de9e1ff28c9","带有合并及若干功能的在线文件对比工具",89,{"id":13,"name":16,"code":17},{"id":33,"name":34,"url":35,"code":36,"icon":8,"description":37,"isDirect":10,"isSlow":10,"isRecommended":10,"isUtm":10,"isInvalid":10,"tags":8,"views":38,"categoryId":13,"category":39},699,"GitHub加速","https:\u002F\u002Fwww.gitwarp.com\u002F","8c345ae3aa77","提供稳定、免费、高速的GitHub资源访问加速",292,{"id":13,"name":16,"code":17},{"id":41,"name":42,"url":43,"code":44,"icon":8,"description":45,"isDirect":10,"isSlow":10,"isRecommended":10,"isUtm":10,"isInvalid":10,"tags":8,"views":46,"categoryId":13,"category":47},700,"代码截图","https:\u002F\u002Fcs.vkrsi.com\u002F","fa63d1892ab4","为代码创建令人惊叹的视觉效果截图",68,{"id":13,"name":16,"code":17},{"id":49,"name":50,"url":51,"code":52,"icon":53,"description":54,"isDirect":10,"isSlow":10,"isRecommended":10,"isUtm":10,"isInvalid":10,"tags":8,"views":55,"categoryId":13,"category":56},701,"快点软件镜像站","https:\u002F\u002Fmirrors.quickso.cn\u002F","9dc007c1fdb1","https:\u002F\u002Fimg.dogged.cn\u002Fi\u002F2025\u002F06\u002F24\u002F68598370c9bc2.png","分享了国内开源软件镜像信息服务",149,{"id":13,"name":16,"code":17},{"id":58,"name":59,"url":60,"code":61,"icon":8,"description":62,"isDirect":10,"isSlow":10,"isRecommended":10,"isUtm":10,"isInvalid":10,"tags":8,"views":63,"categoryId":13,"category":64},702,"carbon","https:\u002F\u002Fcarbon.now.sh\u002F","96f97cc38e71","在线生成精美的源代码图片",90,{"id":13,"name":16,"code":17},{"id":66,"name":67,"url":68,"code":69,"icon":8,"description":70,"isDirect":10,"isSlow":10,"isRecommended":10,"isUtm":10,"isInvalid":10,"tags":8,"views":71,"categoryId":13,"category":72},703,"VisuAlgo","https:\u002F\u002Fvisualgo.net\u002Fzh","a08ba8be61f9","数据结构和算法动态可视化",36,{"id":13,"name":16,"code":17},{"id":74,"name":75,"url":76,"code":77,"icon":8,"description":78,"isDirect":10,"isSlow":10,"isRecommended":10,"isUtm":10,"isInvalid":10,"tags":8,"views":79,"categoryId":13,"category":80},704,"Clip-Path CSS 在线生成","https:\u002F\u002Fbennettfeely.com\u002Fclippy\u002F","aaf6515b1f31","可视化 Clip-Path CSS 在线生成",28,{"id":13,"name":16,"code":17},{"id":82,"name":83,"url":84,"code":85,"icon":86,"description":87,"isDirect":10,"isSlow":10,"isRecommended":10,"isUtm":10,"isInvalid":10,"tags":8,"views":88,"categoryId":13,"category":89},705,"EpicEasing","https:\u002F\u002Fepiceasing.com\u002F","e7e6f1faa8ef","https:\u002F\u002Fimg.dogged.cn\u002Fi\u002F2025\u002F08\u002F11\u002F68999722c751d.png","快速轻松地生成缓动曲线，用于缓动、弹簧和弹跳动画。 将您自己的自定义动画曲线、弹簧或弹跳导出到 CSS、SCSS、Objective-C 和 Swift",83,{"id":13,"name":16,"code":17},{"id":91,"name":92,"url":93,"code":94,"icon":8,"description":95,"isDirect":10,"isSlow":10,"isRecommended":10,"isUtm":10,"isInvalid":10,"tags":8,"views":96,"categoryId":13,"category":97},706,"JSbin","http:\u002F\u002Fjsbin.com\u002F","f07c4e177ac7","JS 在线编辑预览",10,{"id":13,"name":16,"code":17},{"id":99,"name":100,"url":101,"code":102,"icon":8,"description":95,"isDirect":10,"isSlow":10,"isRecommended":10,"isUtm":10,"isInvalid":10,"tags":8,"views":103,"categoryId":13,"category":104},707,"codepen","http:\u002F\u002Fcodepen.io\u002F","eb253f966a25",69,{"id":13,"name":16,"code":17},{"id":106,"name":107,"url":108,"code":109,"icon":8,"description":95,"isDirect":10,"isSlow":10,"isRecommended":10,"isUtm":10,"isInvalid":10,"tags":8,"views":110,"categoryId":13,"category":111},708,"JSfiddle","https:\u002F\u002Fjsfiddle.net\u002F","47eab744c738",7,{"id":13,"name":16,"code":17},{"id":113,"name":114,"url":115,"code":116,"icon":8,"description":117,"isDirect":10,"isSlow":10,"isRecommended":10,"isUtm":10,"isInvalid":10,"tags":8,"views":118,"categoryId":13,"category":119},709,"grep 代码搜索","https:\u002F\u002Fgrep.app\u002F","57fa7b630aa1","一个代码搜索引擎",60,{"id":13,"name":16,"code":17},{"id":121,"name":122,"url":123,"code":124,"icon":8,"description":125,"isDirect":10,"isSlow":10,"isRecommended":10,"isUtm":10,"isInvalid":10,"tags":8,"views":126,"categoryId":13,"category":127},710,"SVGOMG","https:\u002F\u002Fjakearchibald.github.io\u002Fsvgomg\u002F","c470a93eaf1f","SVG 在线压缩",37,{"id":13,"name":16,"code":17},{"id":129,"name":130,"url":131,"code":132,"icon":8,"description":130,"isDirect":10,"isSlow":10,"isRecommended":10,"isUtm":10,"isInvalid":10,"tags":8,"views":133,"categoryId":13,"category":134},711,"在线 Webfont 字体生成工具","https:\u002F\u002Ftransfonter.org\u002F","8f1ae8631f5f",73,{"id":13,"name":16,"code":17},{"id":136,"name":137,"url":138,"code":139,"icon":8,"description":140,"isDirect":10,"isSlow":10,"isRecommended":10,"isUtm":10,"isInvalid":10,"tags":8,"views":141,"categoryId":13,"category":142},712,"轻拟物风格生成","https:\u002F\u002Fneumorphism.io\u002F","fcefe5f706f6","一款使用颜色、渐变和阴影来实现新的轻拟物设计 CSS 代码生成器",39,{"id":13,"name":16,"code":17},{"id":144,"name":145,"url":146,"code":147,"icon":8,"description":148,"isDirect":10,"isSlow":10,"isRecommended":10,"isUtm":10,"isInvalid":10,"tags":8,"views":149,"categoryId":13,"category":150},713,"码工具","https:\u002F\u002Fwww.matools.com\u002F","0cd90f7f078a","代码在线工具箱",70,{"id":13,"name":16,"code":17},{"id":152,"name":153,"url":154,"code":155,"icon":8,"description":156,"isDirect":10,"isSlow":10,"isRecommended":10,"isUtm":10,"isInvalid":10,"tags":8,"views":11,"categoryId":13,"category":157},714,"uuid 在线生成","https:\u002F\u002Fwww.uuidgenerator.net\u002F","04be0f4697a3","在线生成版本 1 和版本 4 的 uuid",{"id":13,"name":16,"code":17},{"id":159,"name":160,"url":161,"code":162,"icon":8,"description":163,"isDirect":10,"isSlow":10,"isRecommended":10,"isUtm":10,"isInvalid":10,"tags":8,"views":164,"categoryId":13,"category":165},715,"regexper","https:\u002F\u002Fregexper.com\u002F","af581f320bab","正则表达式可视化网页",93,{"id":13,"name":16,"code":17},{"id":167,"name":168,"url":169,"code":170,"icon":8,"description":163,"isDirect":10,"isSlow":10,"isRecommended":10,"isUtm":10,"isInvalid":10,"tags":8,"views":171,"categoryId":13,"category":172},716,"regulex","https:\u002F\u002Fjex.im\u002Fregulex","d2dd775ee647",99,{"id":13,"name":16,"code":17},{"id":174,"name":175,"url":176,"code":177,"icon":8,"description":178,"isDirect":10,"isSlow":10,"isRecommended":10,"isUtm":10,"isInvalid":10,"tags":8,"views":179,"categoryId":13,"category":180},717,"代码片段生成器","https:\u002F\u002Fsnippet-generator.app\u002F","b084cdb5515f","将自己的代码片段生成可在 VSCode、Sublime Text 和 Atom 上配置的代码",79,{"id":13,"name":16,"code":17},{"data":182},[183,194,203,212,220,228,236,243,252,260,268,276],{"id":184,"name":185,"url":186,"code":187,"icon":8,"description":188,"isDirect":10,"isSlow":10,"isRecommended":10,"isUtm":10,"isInvalid":10,"tags":8,"views":189,"categoryId":190,"category":191},477,"GdGame","https:\u002F\u002Fgdgame.org\u002F","5d14bb0895a0","非商业盈利的游戏下载网站",405,38,{"id":190,"name":192,"code":193},"游戏相关","fun-games",{"id":195,"name":196,"url":197,"code":198,"icon":199,"description":200,"isDirect":10,"isSlow":10,"isRecommended":10,"isUtm":10,"isInvalid":10,"tags":8,"views":201,"categoryId":190,"category":202},478,"游戏栖息地","https:\u002F\u002Fgamenook.top\u002F","a331e0bbf95f","https:\u002F\u002Fimg.dogged.cn\u002Fi\u002F2025\u002F08\u002F04\u002F688f8d105cef5.webp","一个专注于分享优质游戏pc单机游戏、switch游戏、免费单机游戏的下载网站，资源均来自网友分享和网络整合",188,{"id":190,"name":192,"code":193},{"id":204,"name":205,"url":206,"code":207,"icon":208,"description":209,"isDirect":10,"isSlow":10,"isRecommended":10,"isUtm":10,"isInvalid":10,"tags":8,"views":210,"categoryId":190,"category":211},479,"668游戏仓库","https:\u002F\u002F668play.cc\u002F","db35de639f29","https:\u002F\u002Fimg.dogged.cn\u002Fi\u002F2023\u002F07\u002F27\u002F64c22f40ef4af.jpg","最全的中文单机游戏整合网站",807,{"id":190,"name":192,"code":193},{"id":213,"name":214,"url":215,"code":216,"icon":8,"description":217,"isDirect":10,"isSlow":10,"isRecommended":10,"isUtm":10,"isInvalid":10,"tags":8,"views":218,"categoryId":190,"category":219},480,"游戏76","https:\u002F\u002Funblocked-games76.org\u002Fzh","a1f608d86c97","提供丰富的涵盖多种类型的在线游戏的平台",173,{"id":190,"name":192,"code":193},{"id":221,"name":222,"url":223,"code":224,"icon":8,"description":225,"isDirect":10,"isSlow":10,"isRecommended":10,"isUtm":10,"isInvalid":10,"tags":8,"views":226,"categoryId":190,"category":227},481,"快乐屋","https:\u002F\u002Fwebgames.fun\u002F","1115dd54ac20","经典小游戏的网页平台",192,{"id":190,"name":192,"code":193},{"id":229,"name":230,"url":231,"code":232,"icon":8,"description":233,"isDirect":10,"isSlow":10,"isRecommended":10,"isUtm":10,"isInvalid":10,"tags":8,"views":234,"categoryId":190,"category":235},482,"单机游戏网","https:\u002F\u002Fxn--4krw67b.net\u002F","d75d6d0725db","全网单机游戏分享仓库",401,{"id":190,"name":192,"code":193},{"id":237,"name":238,"url":239,"code":240,"icon":8,"description":241,"isDirect":10,"isSlow":10,"isRecommended":10,"isUtm":10,"isInvalid":10,"tags":8,"views":179,"categoryId":190,"category":242},483,"CS2准星","https:\u002F\u002Fcs-going.com\u002Fzh\u002F","4026781215bc","收集csgo准星，cs2准星，cs go准星",{"id":190,"name":192,"code":193},{"id":244,"name":245,"url":246,"code":247,"icon":248,"description":249,"isDirect":10,"isSlow":10,"isRecommended":10,"isUtm":10,"isInvalid":10,"tags":8,"views":250,"categoryId":190,"category":251},484,"橘子游戏下载","https:\u002F\u002Fwww.juzixiazai.com\u002F","11f56f97c303","https:\u002F\u002Fimg.meituan.net\u002Fcsc\u002Fb76deb3030c8be302deb5a16c9a907ad2350.webp","提供 switch、任天堂等游戏资源下载",230,{"id":190,"name":192,"code":193},{"id":253,"name":254,"url":255,"code":256,"icon":8,"description":257,"isDirect":10,"isSlow":10,"isRecommended":10,"isUtm":10,"isInvalid":10,"tags":8,"views":258,"categoryId":190,"category":259},485,"经典在线街机游戏网","https:\u002F\u002Fwgame80.com\u002F","2701385bfe5a","魂斗罗，超级玛丽，热血足球，三国志，合金弹头，DOS游戏， 三国战纪，西游释厄传，拳皇，马里奥，各种经典游戏",142,{"id":190,"name":192,"code":193},{"id":261,"name":262,"url":263,"code":264,"icon":8,"description":265,"isDirect":10,"isSlow":10,"isRecommended":10,"isUtm":10,"isInvalid":10,"tags":8,"views":266,"categoryId":190,"category":267},486,"红白游戏盒","https:\u002F\u002Fnes.heheda.top\u002F","dedb9b5438a0","在线免费畅玩或下载红白机游戏，包括魂斗罗，超级玛丽，坦克大战等小霸王经典游戏",145,{"id":190,"name":192,"code":193},{"id":269,"name":270,"url":271,"code":272,"icon":8,"description":273,"isDirect":10,"isSlow":10,"isRecommended":10,"isUtm":10,"isInvalid":10,"tags":8,"views":274,"categoryId":190,"category":275},487,"云·原神网页版","https:\u002F\u002Fys.mihoyo.com\u002Fcloud\u002F","cf05d71833f1","无需下载直接打开浏览器就能玩",136,{"id":190,"name":192,"code":193},{"id":277,"name":278,"url":279,"code":280,"icon":8,"description":281,"isDirect":10,"isSlow":10,"isRecommended":10,"isUtm":10,"isInvalid":10,"tags":8,"views":282,"categoryId":190,"category":283},488,"小霸王游戏","https:\u002F\u002Fwww.yikm.net\u002F","6c09f5ecf484","在线玩小霸王游戏机的那种令人怀念的游戏",114,{"id":190,"name":192,"code":193},{"data":285},[]]