B 站动态头图
仿 B 站首页动态头图，纯原生 JS 多图层视差：鼠标横移时每层按不同系数位移、缩放、旋转，离开后回正。收录 17 期历史头图可切换。
Netflix 片头
纯 CSS 复刻的 Netflix 片头：几十条「刷子」和光斑分层扫过铺出字母，随后镜头推进。字母是 CSS 方块拼的，没有图片，改 netflixintro 的 letter 属性可切换 N/E/T/F/L/I/X。
overwrite: true vs "auto"
四个磁吸按钮对比 GSAP overwrite 的取值：overwrite: false 时移出后的短回弹会被还在跑的长补间抢回去，看着像卡了一下；overwrite: true 会把目标上所有补间杀掉，连背景里的 Wiggle 摇摆一起停；"auto" 只杀真正冲突的 x/y，回弹和摇摆互不打架。每个按钮下方的 </> 打开弹层能看到对应写法（Prism 高亮）。
下载按钮
点下去之后文字上滚、箭头下滑、成功色从顶部展开成圆角方块，箭头同时被 GSAP 沿贝塞尔曲线变形成对勾。蓝底、深色、白底三种变体，外加一个纯图标版。
光标追踪卡牌
卡牌朝着鼠标倾斜：光标的位置由一张 7×7 的透明感应格反推出来，:has() 把格子序号写进两个自定义属性，卡片据此算倾斜角——全程没有 JavaScript 参与计算。卡面是六张卡图，点下面的缩略图切换。
光标集群重建
一队多人协作光标把页面清空，再当场搭回来：十字准星拉出带尺寸标的框、逐字打字、钢笔描线、从标尺里拽红色参考线让文字吸附、⌥ 拖拽复制重复组件；向下滚动光标群就追着你继续搭，搭完可以回到真实页面或重播。
内容浮出
十种进场各走各的：淡入、带模糊、对焦式推近、从灰度显影，还有三种从噪点里长出来的（细碎溶解、整片雾、马赛克方块）。往下滚依次触发，也能把浓淡直接绑在滚动位置上，或者滚过头自己退场。
卡片扫描流
信用卡在屏幕上横向流动，正中一道扫描线扫过：线左边是卡片的代码版本，线右边是卡片本体，粒子沿扫描线喷出来。可以拖拽、滚轮推、调方向和速度。
咖啡供应链地图
用 amCharts 5 画的全球咖啡贸易图：正射投影的地球自动旋转，产地、中转港、消费市场按角色上色，产地到市场的流量用 MapSankey 连起来，咖啡豆形状的小点沿线流动；左上角可以切成平面地图。
天气卡片
五种天气可切换的拟物天气卡片：雨滴、雪花、落叶、闪电都由 SVG 实时绘制，太阳和云层随状态平滑移动，整张卡片的配色也跟着变。
定时旅行卡片
卡片绕中心轮转的旅行幻灯片：详情面板随奇偶在左右两侧交替，顶部进度条按固定时长推进，走完自动翻页。空格暂停、左右方向键翻页。
弹层动画
七种弹层的打开/关闭动画：横向展开、缩放淡入、内容上滑、原地爆开、公路跑者甩进来、手绘描边、007 枪管。全是纯 CSS keyframes，点按钮切换，点弹层关闭。
悬停展开卡片
四张旅行卡片，平时只露标题和照片，鼠标移上去内容块上滑展开、背景图同步位移，正文和按钮逐条淡入。窄屏下自动降级成静态排布。
按钮状态构建器
可视化搭一套按钮的状态流：每一站的底色、渐变、宽度、内容、图标、动效、圆角和阴影都能改，右侧实时把同一份状态导出成 CSS + JS，可以一键复制。
文件夹
前沿绕底边翻下去，三张纸卡按秩次依次摊开；抓起来能甩到桌面上，松手时如果还在夹子上方就自己滑回口袋。开合、落位、拖拽全是逐属性的阻尼弹簧，鼠标一扫还会翘起来偷看。
文字填充动画
把一张动画贴图裁进文字的笔画里，贴图横向平移，字面就一直在流动。整页没有一行 JavaScript，纯 CSS 的背景裁剪动画。
昼夜切换开关
一个开关装下一整个昼夜：云层升起、星星点亮、月亮从太阳后面滑出来，飞行的金雕熊飞出画面换成太空熊，整页配色跟着切换。明暗全靠一个 CSS 变量驱动，JS 只翻转一个属性。
液态玻璃特效
Apple 发布会风格的产品主页（hero + 六块瓷砖），整页罩着一层 WebGL 后期特效：鼠标处凝出一块液态玻璃透镜，折射、色散、高光俱全，点击循环球体 / 圆角方块 / 圆环三种形状，玻璃边缘还浮着一圈气泡。
滚动视差风景
整张 SVG 手绘的三重场景，靠滚动推进：白昼草原、黄昏山峦、星空坠落。云、飞鸟、蝙蝠、流星各自分层运动，太阳高度与天色同步变化。
激光流
一束光从画面顶部落到面板上沿，撞上去抖两下，再顺着面板往下淌、从两侧溢出去；雾、尘埃、细丝全在同一个片元着色器里现算。鼠标经过会在指针处凝成一块透镜，底下亮着的地方跟着变。底部可换光束颜色、切明暗、重播那次落地。
环形转盘导航
八个栏目用 cos()/sin() 沿圆周落位，整盘只转一个 --rot 自定义属性，按钮再反向旋转保持字面朝上；点谁就把谁转到顶部指针下，中心实时显示当前栏目，左右按钮也能转，换栏会通过 aria-live 播报给读屏器。
玻璃质感桌面
iOS 风格的液态玻璃桌面：点一下解锁，锁屏上滑推走，露出玻璃面板搭的桌面——左侧社交栏、中间角色立绘、时钟日历、音乐播放器、相册和一块留言墙，底部是 iOS 风格 Dock。
碎片重组文字
整段文字被切成几十个碎片，先四散、旋转、缩小到看不见，再依次飞回原位拼成完整的字，然后倒放散开，循环往复。鼠标悬停会放慢整条时间线。
程序坞
macOS 底下那条：指针划过时，最近的一两个图标被吸起来，靠得越近涨得越大，离远了又缩回去；每个图标悬停还会浮出标签。程序坞本身也跟着一起涨开，邻居被推开，不是一个个原地放大。
立方体画廊
滚轮驱动的 3D 立方体画廊：滚动位置换算成立方体的两个旋转角，十二段文案卡片随滚动淡入，右上角是进度百分比、左边一列场景点、底部是当前卡面名。自带惯性和锚点缓动，明暗主题各配一套图。
论坛皮肤主页
论坛皮肤风格的角色扮演主页：左侧固定菜单栏、斜纹分隔、论坛横幅和板块列表。右侧抽屉里能切六十多套配色（基础/高级/特殊/单色/节日五组）、明暗与棕褐模式、低对比和字号，选择都记在本地。
通电边框
边框上跑着电流：四组频率不同的噪声叠出一条一直在抖、但整体又稳的边线；鼠标靠近那一段开始发烫，点一下还会甩出一道脉冲和一条电弧。光晕、闪电、抖动全在一个片元着色器里算，页面里只多一张画布。
钟摆波时钟
四排钟摆挂在横梁上，摆长按 L ∝ 1/f² 配好，摆频一排比一排慢：平时各自摆动、穿插成一张乱网，到整分钟那一刻齐刷刷立成一排、颜色转暖。摆球上写着秒、分、时、天四层读数，底部是精确到秒的大时钟；点击或按空格循环五种视觉风格（雾中纵深、错觉立体、玻璃黄铜、长曝光、圆形吊饰），选择记在本地。
馅饼议会
六个馅饼的投票大会：左边一张用 SVG 描边拼出来的甜甜圈图，右边是议员档案卡，下面一排议员卡，点「CALL A VOTE」按票数算出冠军并弹出结果浮层（Esc 或点背景关掉）。
马戏团票根
八张复古马戏团门票铺在放射状底纹上：小扇贝、大扇贝、锯齿、缺口、圆角、打孔、方角、切角八种票根边缘，每张的纸色、字体和版式都不一样——票面插图（棚顶、彩旗、五角星、杠铃、放射徽章）全是纯 CSS 几何画出来的，整页没有一行 JavaScript。
描边开场与烟花
anime.js 的 logo 开场：字母按笔画顺序描出来，彩色填充跟着淡入，最后那个白点滚过去炸成一片烟花；之后点在哪儿，烟花就在哪儿放。
没有匹配的页面
换个关键词试试，或者按 Esc 清空搜索。