[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"$fewui7sp187u4":3,"$f10jcd9p81zesc":23,"$f3tcgfrajozxny":183,"$fr57cjicjvyls":289},{"data":4},{"id":5,"name":6,"url":7,"icon":8,"description":9,"content":10,"isDirect":11,"isSlow":11,"isRecommended":11,"isUtm":11,"isInvalid":11,"tags":8,"views":12,"code":13,"categoryId":14,"createdAt":15,"category":16},704,"Clip-Path CSS 在线生成","https:\u002F\u002Fbennettfeely.com\u002Fclippy\u002F",null,"可视化 Clip-Path CSS 在线生成","## 站点概述\n\nClippy是一个 CSS clip-path 图形的在线生成工具，作者为 Bennett Feely。工具提供多种预设形状，并支持自定义控制点与圆角，面向前端开发者与设计师，网页免费使用，代码在 GitHub 开源。\n\n## 主要功能与内容\n\n- 预设图形：提供多边形、圆形与椭圆等预设。\n- 自定义控制点：可拖动调整多边形的顶点位置。\n- 圆角调整：支持对图形圆角参数进行设置。\n- 实时预览：调整过程同步显示效果。\n- 代码输出：生成并复制对应的 CSS 代码。\n- 动画支持：支持配合过渡效果的写法。\n\n## 特色与优势\n\n该工具的特点在于把 clip-path 参数以可视化方式调整，用户无需手动试算坐标即可获得目标形状；输出的代码可直接粘贴到样式表中，配合过渡属性还能实现形状动画。\n\n## 使用场景与适合人群\n\n适合前端开发者实现不规则形状与装饰性裁切效果，也适合设计师快速验证形状构想；使用前建议确认目标浏览器的兼容性。\n\n## 总结\n\n总体而言，Clippy 是一个以 clip-path 生成为功能的工具，可视化调参是其主要特点；页面标注了作者信息，未标注发布时间，具体功能以站内呈现为准。",false,28,"aaf6515b1f31",59,"2026-08-17T17:38:56.527Z",{"id":14,"name":17,"icon":8,"code":18,"parent":19},"开发工具","develop-devtools",{"id":20,"name":21,"code":22},58,"技术开发","develop",{"data":24},[25,32,40,48,56,64,72,80,89,97,105,114,122,129,136,144,152,159,167,175],{"id":26,"name":27,"url":28,"code":29,"icon":8,"description":30,"isDirect":11,"isSlow":11,"isRecommended":11,"isUtm":11,"isInvalid":11,"tags":8,"views":20,"categoryId":14,"category":31},726,"Everythingfonts","https:\u002F\u002Feverythingfonts.com\u002Ffont-face","9627546dca1e","font-face 生成",{"id":14,"name":17,"code":18},{"id":33,"name":34,"url":35,"code":36,"icon":8,"description":37,"isDirect":11,"isSlow":11,"isRecommended":11,"isUtm":11,"isInvalid":11,"tags":8,"views":38,"categoryId":14,"category":39},727,"IT-TOOLS","https:\u002F\u002Fzz.ittools.cc\u002F","f758b2a6da47","一套免费且开源的便捷在线工具集合，适用于开发人员和 IT 工作者",11,{"id":14,"name":17,"code":18},{"id":41,"name":42,"url":43,"code":44,"icon":8,"description":45,"isDirect":11,"isSlow":11,"isRecommended":11,"isUtm":11,"isInvalid":11,"tags":8,"views":46,"categoryId":14,"category":47},728,"CDN Hub","https:\u002F\u002Fcss.bqrdh.com\u002Fcdn\u002Fhub","343e8e05bb0b","快速获取 cdnjs、npm 和 github 上资源 cdn 链接的网站，并支持耗时比较，便于选取最优 cdn",55,{"id":14,"name":17,"code":18},{"id":49,"name":50,"url":51,"code":52,"icon":8,"description":53,"isDirect":11,"isSlow":11,"isRecommended":11,"isUtm":11,"isInvalid":11,"tags":8,"views":54,"categoryId":14,"category":55},729,"接口盒子","https:\u002F\u002Fwww.apihz.cn\u002F","47b5407bd7c7","免费API接口大全",26,{"id":14,"name":17,"code":18},{"id":57,"name":58,"url":59,"code":60,"icon":8,"description":61,"isDirect":11,"isSlow":11,"isRecommended":11,"isUtm":11,"isInvalid":11,"tags":8,"views":62,"categoryId":14,"category":63},698,"文本在线比对工具","https:\u002F\u002Fdiffsuite.com\u002F","3de9e1ff28c9","带有合并及若干功能的在线文件对比工具",89,{"id":14,"name":17,"code":18},{"id":65,"name":66,"url":67,"code":68,"icon":8,"description":69,"isDirect":11,"isSlow":11,"isRecommended":11,"isUtm":11,"isInvalid":11,"tags":8,"views":70,"categoryId":14,"category":71},699,"GitHub加速","https:\u002F\u002Fwww.gitwarp.com\u002F","8c345ae3aa77","提供稳定、免费、高速的GitHub资源访问加速",292,{"id":14,"name":17,"code":18},{"id":73,"name":74,"url":75,"code":76,"icon":8,"description":77,"isDirect":11,"isSlow":11,"isRecommended":11,"isUtm":11,"isInvalid":11,"tags":8,"views":78,"categoryId":14,"category":79},700,"代码截图","https:\u002F\u002Fcs.vkrsi.com\u002F","fa63d1892ab4","为代码创建令人惊叹的视觉效果截图",68,{"id":14,"name":17,"code":18},{"id":81,"name":82,"url":83,"code":84,"icon":85,"description":86,"isDirect":11,"isSlow":11,"isRecommended":11,"isUtm":11,"isInvalid":11,"tags":8,"views":87,"categoryId":14,"category":88},701,"快点软件镜像站","https:\u002F\u002Fmirrors.quickso.cn\u002F","9dc007c1fdb1","https:\u002F\u002Fimg.dogged.cn\u002Fi\u002F2025\u002F06\u002F24\u002F68598370c9bc2.png","分享了国内开源软件镜像信息服务",149,{"id":14,"name":17,"code":18},{"id":90,"name":91,"url":92,"code":93,"icon":8,"description":94,"isDirect":11,"isSlow":11,"isRecommended":11,"isUtm":11,"isInvalid":11,"tags":8,"views":95,"categoryId":14,"category":96},702,"carbon","https:\u002F\u002Fcarbon.now.sh\u002F","96f97cc38e71","在线生成精美的源代码图片",90,{"id":14,"name":17,"code":18},{"id":98,"name":99,"url":100,"code":101,"icon":8,"description":102,"isDirect":11,"isSlow":11,"isRecommended":11,"isUtm":11,"isInvalid":11,"tags":8,"views":103,"categoryId":14,"category":104},703,"VisuAlgo","https:\u002F\u002Fvisualgo.net\u002Fzh","a08ba8be61f9","数据结构和算法动态可视化",36,{"id":14,"name":17,"code":18},{"id":106,"name":107,"url":108,"code":109,"icon":110,"description":111,"isDirect":11,"isSlow":11,"isRecommended":11,"isUtm":11,"isInvalid":11,"tags":8,"views":112,"categoryId":14,"category":113},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":14,"name":17,"code":18},{"id":115,"name":116,"url":117,"code":118,"icon":8,"description":119,"isDirect":11,"isSlow":11,"isRecommended":11,"isUtm":11,"isInvalid":11,"tags":8,"views":120,"categoryId":14,"category":121},706,"JSbin","http:\u002F\u002Fjsbin.com\u002F","f07c4e177ac7","JS 在线编辑预览",10,{"id":14,"name":17,"code":18},{"id":123,"name":124,"url":125,"code":126,"icon":8,"description":119,"isDirect":11,"isSlow":11,"isRecommended":11,"isUtm":11,"isInvalid":11,"tags":8,"views":127,"categoryId":14,"category":128},707,"codepen","http:\u002F\u002Fcodepen.io\u002F","eb253f966a25",69,{"id":14,"name":17,"code":18},{"id":130,"name":131,"url":132,"code":133,"icon":8,"description":119,"isDirect":11,"isSlow":11,"isRecommended":11,"isUtm":11,"isInvalid":11,"tags":8,"views":134,"categoryId":14,"category":135},708,"JSfiddle","https:\u002F\u002Fjsfiddle.net\u002F","47eab744c738",7,{"id":14,"name":17,"code":18},{"id":137,"name":138,"url":139,"code":140,"icon":8,"description":141,"isDirect":11,"isSlow":11,"isRecommended":11,"isUtm":11,"isInvalid":11,"tags":8,"views":142,"categoryId":14,"category":143},709,"grep 代码搜索","https:\u002F\u002Fgrep.app\u002F","57fa7b630aa1","一个代码搜索引擎",60,{"id":14,"name":17,"code":18},{"id":145,"name":146,"url":147,"code":148,"icon":8,"description":149,"isDirect":11,"isSlow":11,"isRecommended":11,"isUtm":11,"isInvalid":11,"tags":8,"views":150,"categoryId":14,"category":151},710,"SVGOMG","https:\u002F\u002Fjakearchibald.github.io\u002Fsvgomg\u002F","c470a93eaf1f","SVG 在线压缩",37,{"id":14,"name":17,"code":18},{"id":153,"name":154,"url":155,"code":156,"icon":8,"description":154,"isDirect":11,"isSlow":11,"isRecommended":11,"isUtm":11,"isInvalid":11,"tags":8,"views":157,"categoryId":14,"category":158},711,"在线 Webfont 字体生成工具","https:\u002F\u002Ftransfonter.org\u002F","8f1ae8631f5f",73,{"id":14,"name":17,"code":18},{"id":160,"name":161,"url":162,"code":163,"icon":8,"description":164,"isDirect":11,"isSlow":11,"isRecommended":11,"isUtm":11,"isInvalid":11,"tags":8,"views":165,"categoryId":14,"category":166},712,"轻拟物风格生成","https:\u002F\u002Fneumorphism.io\u002F","fcefe5f706f6","一款使用颜色、渐变和阴影来实现新的轻拟物设计 CSS 代码生成器",39,{"id":14,"name":17,"code":18},{"id":168,"name":169,"url":170,"code":171,"icon":8,"description":172,"isDirect":11,"isSlow":11,"isRecommended":11,"isUtm":11,"isInvalid":11,"tags":8,"views":173,"categoryId":14,"category":174},713,"码工具","https:\u002F\u002Fwww.matools.com\u002F","0cd90f7f078a","代码在线工具箱",70,{"id":14,"name":17,"code":18},{"id":176,"name":177,"url":178,"code":179,"icon":8,"description":180,"isDirect":11,"isSlow":11,"isRecommended":11,"isUtm":11,"isInvalid":11,"tags":8,"views":181,"categoryId":14,"category":182},714,"uuid 在线生成","https:\u002F\u002Fwww.uuidgenerator.net\u002F","04be0f4697a3","在线生成版本 1 和版本 4 的 uuid",53,{"id":14,"name":17,"code":18},{"data":184},[185,196,204,212,220,228,237,245,257,265,273,281],{"id":120,"name":186,"url":187,"code":188,"icon":189,"description":190,"isDirect":11,"isSlow":11,"isRecommended":11,"isUtm":11,"isInvalid":11,"tags":8,"views":191,"categoryId":192,"category":193},"参考消息","https:\u002F\u002Fwww.cankaoxiaoxi.com\u002F","41bce77b6635","https:\u002F\u002Fimg.dogged.cn\u002Fi\u002F2024\u002F05\u002F08\u002F663b878dc171c.png","参考消息由新华通讯社主办、参考消息报社编辑出版，创刊于1931年，是中国发行量最大的日报",192,2,{"id":192,"name":194,"code":195},"即时资讯","life-jishi",{"id":38,"name":197,"url":198,"code":199,"icon":200,"description":201,"isDirect":11,"isSlow":11,"isRecommended":11,"isUtm":11,"isInvalid":11,"tags":8,"views":202,"categoryId":192,"category":203},"ZAKER","https:\u002F\u002Fwww.myzaker.com\u002F","3f05917818e4","https:\u002F\u002Fimg.meituan.net\u002Fcontent\u002Fc14016f5d65702d9b7285f422d8c5d282423.png","ZAKER 聚合了新闻、杂志、报纸、公众号等各类头条资讯",243,{"id":192,"name":194,"code":195},{"id":205,"name":206,"url":207,"code":208,"icon":8,"description":209,"isDirect":11,"isSlow":11,"isRecommended":11,"isUtm":11,"isInvalid":11,"tags":8,"views":210,"categoryId":192,"category":211},12,"ReadHub","https:\u002F\u002Freadhub.cn\u002F","ab8137f40fe6","每天三分钟的科技新闻聚合阅读",185,{"id":192,"name":194,"code":195},{"id":213,"name":214,"url":215,"code":216,"icon":8,"description":217,"isDirect":11,"isSlow":11,"isRecommended":11,"isUtm":11,"isInvalid":11,"tags":8,"views":218,"categoryId":192,"category":219},13,"今日热榜","https:\u002F\u002Ftophub.today","2e1a4909aa8e","一站式资讯阅读网站",340,{"id":192,"name":194,"code":195},{"id":221,"name":222,"url":223,"code":224,"icon":8,"description":225,"isDirect":11,"isSlow":11,"isRecommended":11,"isUtm":11,"isInvalid":11,"tags":8,"views":226,"categoryId":192,"category":227},14,"即时热点","https:\u002F\u002Fnowhots.com","cfb44064f760","一个热门信息聚合站，帮助您轻松了解正在发生的事",238,{"id":192,"name":194,"code":195},{"id":229,"name":230,"url":231,"code":232,"icon":8,"description":233,"isDirect":11,"isSlow":234,"isRecommended":11,"isUtm":11,"isInvalid":11,"tags":8,"views":235,"categoryId":192,"category":236},15,"国际版抖音","http:\u002F\u002Furlebird.com","d2698026ad67","一个提供在线查看 TikTok 视频的平台",true,1411,{"id":192,"name":194,"code":195},{"id":238,"name":239,"url":240,"code":241,"icon":8,"description":242,"isDirect":11,"isSlow":11,"isRecommended":11,"isUtm":11,"isInvalid":11,"tags":8,"views":243,"categoryId":192,"category":244},16,"猫眼实时票房","https:\u002F\u002Fpiaofang.maoyan.com\u002F","6b77b8b95de0","提供电影、电视剧和综艺等影视内容实时票房和收视数据的平台",210,{"id":192,"name":194,"code":195},{"id":246,"name":247,"url":248,"code":249,"icon":250,"description":251,"isDirect":11,"isSlow":11,"isRecommended":11,"isUtm":11,"isInvalid":11,"tags":8,"views":252,"categoryId":253,"category":254},17,"小红书","https:\u002F\u002Fwww.xiaohongshu.com\u002F","0807af814c8a","https:\u002F\u002Fimg.dogged.cn\u002Fi\u002F2024\u002F06\u002F16\u002F666e83583530f.png","小红书是年轻人的生活方式平台，用户可以通过短视频、图文等形式记录生活点滴，分享生活方式，并基于兴趣形成互动",198,3,{"id":253,"name":255,"code":256},"社交社区","life-shejiao",{"id":258,"name":259,"url":260,"code":261,"icon":8,"description":262,"isDirect":11,"isSlow":11,"isRecommended":11,"isUtm":11,"isInvalid":11,"tags":8,"views":263,"categoryId":253,"category":264},18,"知乎","https:\u002F\u002Fwww.zhihu.com","9a5b632f97b9","中文互联网高质量的问答社区和创作者聚集的原创内容平台",52,{"id":253,"name":255,"code":256},{"id":266,"name":267,"url":268,"code":269,"icon":8,"description":270,"isDirect":11,"isSlow":11,"isRecommended":11,"isUtm":11,"isInvalid":11,"tags":8,"views":271,"categoryId":253,"category":272},19,"最右","https:\u002F\u002Fwww.izuiyou.com\u002F","ffdfc0ff663d","年轻人都在用、超级有趣的兴趣社区",134,{"id":253,"name":255,"code":256},{"id":274,"name":275,"url":276,"code":277,"icon":8,"description":278,"isDirect":11,"isSlow":11,"isRecommended":11,"isUtm":11,"isInvalid":11,"tags":8,"views":279,"categoryId":253,"category":280},20,"百度贴吧","https:\u002F\u002Ftieba.baidu.com\u002F","f84c99c470b4","全球领先的中文社区",43,{"id":253,"name":255,"code":256},{"id":282,"name":283,"url":284,"code":285,"icon":8,"description":286,"isDirect":11,"isSlow":11,"isRecommended":11,"isUtm":11,"isInvalid":11,"tags":8,"views":287,"categoryId":253,"category":288},21,"虎扑步行街","https:\u002F\u002Fbbs.hupu.com\u002Fall-gambia","dcb0033398d0","虎扑是以体育赛事和日常生活为主的专业直文化社区网站,专注于篮球足球电竞排球赛事,以步行街为代表的专业论坛",34,{"id":253,"name":255,"code":256},{"data":290},[]]