[{"data":1,"prerenderedAt":71},["ShallowReactive",2],{"works":3},[4,22,39,55],{"path":5,"title":6,"short":7,"description":8,"cover":9,"date":10,"source":11,"author":12,"authorShort":13,"origin":14,"stack":15,"tags":17,"type":20,"no":21},"\u002Fui\u002Fpaper-scroll","纸张滚动效果","纸张滚动","文字在纸上流动，纸张的边缘与阴影保持原位。","\u002Fimages\u002Fcovers\u002Fpaper.jpg","2026-10-05","https:\u002F\u002Fseg6.space\u002F","seg6.space",null,"recreation",[16],"css",[18,19],"滚动","纸张","ui","001",{"path":23,"title":24,"short":25,"description":26,"cover":27,"date":28,"source":29,"author":30,"authorShort":13,"origin":14,"stack":31,"tags":33,"type":37,"no":38},"\u002Fanimation\u002Fdither-ripple-avatar","抖动像素波纹头像","像素波纹头像","指针划过时像素被推开再弹回，点击激起向外扩散的波环。每个像素都是一个带弹簧的粒子。","\u002Fimages\u002Fcovers\u002Favatar.jpg","2026-10-08","https:\u002F\u002Fadixcode.com\u002F","adixcode.com",[32],"canvas",[34,35,36],"头像","粒子","指针交互","animation","002",{"path":40,"title":41,"short":42,"description":43,"cover":44,"date":45,"source":46,"author":47,"authorShort":48,"origin":14,"stack":49,"tags":50,"type":37,"no":54},"\u002Fanimation\u002Fclaude-micro-interactions","Claude 风格的文字显现与输入框交互","Claude 风格微交互","逐字模糊消解、输入框的悬浮边框，以及聚焦时的双环反馈。","\u002Fimages\u002Fcovers\u002Fclaude.jpg","2026-10-14","https:\u002F\u002Fclaude-storybook.bystanderss.chatgpt.site\u002F","Claude Design System Storybook","Claude Storybook",[16],[51,52,53],"文字动画","输入框","聚焦状态","003",{"path":56,"title":57,"short":13,"description":58,"cover":59,"date":60,"source":61,"author":62,"authorShort":63,"origin":14,"stack":64,"tags":65,"type":20,"no":70},"\u002Fui\u002Fgrain-gradient-cover","颗粒渐变封面","几团糊开的色块，上面撒一层 1px 的灰色颗粒。拆解 ElevenLabs 博客封面的做法，做成一个可以导出图片的生成器。","\u002Fimages\u002Fcovers\u002Fgrain.jpg","2026-10-24","https:\u002F\u002Fx.com\u002Fianneo_ai\u002Fstatus\u002F2113225499556381172","Ian (@ianneo_ai)","X @ianneo_ai",[32],[66,67,68,69],"渐变","噪点","封面","背景","004",1793075843683]