B 站动态头图
仿 B 站首页动态头图，纯原生 JS 多图层视差：鼠标横移时每层按不同系数位移、缩放、旋转，离开后回正。收录 17 期历史头图可切换。
Netflix 片头
纯 CSS 复刻的 Netflix 片头：几十条「刷子」和光斑分层扫过铺出字母，随后镜头推进。字母是 CSS 方块拼的，没有图片，改 netflixintro 的 letter 属性可切换 N/E/T/F/L/I/X。
下载按钮
点下去之后文字上滚、箭头下滑、成功色从顶部展开成圆角方块，箭头同时被 GSAP 沿贝塞尔曲线变形成对勾。蓝底、深色、白底三种变体，外加一个纯图标版。
光标追踪卡牌
卡牌朝着鼠标倾斜：光标的位置由一张 7×7 的透明感应格反推出来，:has() 把格子序号写进两个自定义属性，卡片据此算倾斜角——全程没有 JavaScript 参与计算。卡面是六张卡图，点下面的缩略图切换。
卡片扫描流
信用卡在屏幕上横向流动，正中一道扫描线扫过：线左边是卡片的代码版本，线右边是卡片本体，粒子沿扫描线喷出来。可以拖拽、滚轮推、调方向和速度。
咖啡供应链地图
用 amCharts 5 画的全球咖啡贸易图：正射投影的地球自动旋转，产地、中转港、消费市场按角色上色，产地到市场的流量用 MapSankey 连起来，咖啡豆形状的小点沿线流动；左上角可以切成平面地图。
天气卡片
五种天气可切换的拟物天气卡片：雨滴、雪花、落叶、闪电都由 SVG 实时绘制，太阳和云层随状态平滑移动，整张卡片的配色也跟着变。
定时旅行卡片
卡片绕中心轮转的旅行幻灯片：详情面板随奇偶在左右两侧交替，顶部进度条按固定时长推进，走完自动翻页。空格暂停、左右方向键翻页。
弹层动画
七种弹层的打开/关闭动画：横向展开、缩放淡入、内容上滑、原地爆开、公路跑者甩进来、手绘描边、007 枪管。全是纯 CSS keyframes，点按钮切换，点弹层关闭。
悬停展开卡片
四张旅行卡片，平时只露标题和照片，鼠标移上去内容块上滑展开、背景图同步位移，正文和按钮逐条淡入。窄屏下自动降级成静态排布。
按钮状态构建器
可视化搭一套按钮的状态流：每一站的底色、渐变、宽度、内容、图标、动效、圆角和阴影都能改，右侧实时把同一份状态导出成 CSS + JS，可以一键复制。
描边开场与烟花
anime.js 的 logo 开场：字母按笔画顺序描出来，彩色填充跟着淡入，最后那个白点滚过去炸成一片烟花；之后点在哪儿，烟花就在哪儿放。
文字填充动画
把一张动画贴图裁进文字的笔画里，贴图横向平移，字面就一直在流动。整页没有一行 JavaScript，纯 CSS 的背景裁剪动画。
昼夜切换开关
一个开关装下一整个昼夜：云层升起、星星点亮、月亮从太阳后面滑出来，飞行的金雕熊飞出画面换成太空熊，整页配色跟着切换。明暗全靠一个 CSS 变量驱动，JS 只翻转一个属性。
液态玻璃特效
Apple 发布会风格的产品主页（hero + 六块瓷砖），整页罩着一层 WebGL 后期特效：鼠标处凝出一块液态玻璃透镜，折射、色散、高光俱全，点击循环球体 / 圆角方块 / 圆环三种形状，玻璃边缘还浮着一圈气泡。
滚动视差风景
整张 SVG 手绘的三重场景，靠滚动推进：白昼草原、黄昏山峦、星空坠落。云、飞鸟、蝙蝠、流星各自分层运动，太阳高度与天色同步变化。
环形转盘导航
八个栏目用 cos()/sin() 沿圆周落位，整盘只转一个 --rot 自定义属性，按钮再反向旋转保持字面朝上；点谁就把谁转到顶部指针下，中心实时显示当前栏目，左右按钮也能转，换栏会通过 aria-live 播报给读屏器。
玻璃质感桌面
iOS 风格的液态玻璃桌面：点一下解锁，锁屏上滑推走，露出玻璃面板搭的桌面——左侧社交栏、中间角色立绘、时钟日历、音乐播放器、相册和一块留言墙，底部是 iOS 风格 Dock。
碎片重组文字
整段文字被切成几十个碎片，先四散、旋转、缩小到看不见，再依次飞回原位拼成完整的字，然后倒放散开，循环往复。鼠标悬停会放慢整条时间线。
立方体画廊
滚轮驱动的 3D 立方体画廊：滚动位置换算成立方体的两个旋转角，十二段文案卡片随滚动淡入，右上角是进度百分比、左边一列场景点、底部是当前卡面名。自带惯性和锚点缓动，明暗主题各配一套图。
论坛皮肤主页
论坛皮肤风格的角色扮演主页：左侧固定菜单栏、斜纹分隔、论坛横幅和板块列表。右侧抽屉里能切六十多套配色（基础/高级/特殊/单色/节日五组）、明暗与棕褐模式、低对比和字号，选择都记在本地。
馅饼议会
六个馅饼的投票大会：左边一张用 SVG 描边拼出来的甜甜圈图，右边是议员档案卡，下面一排议员卡，点「CALL A VOTE」按票数算出冠军并弹出结果浮层（Esc 或点背景关掉）。
没有匹配的页面
换个关键词试试，或者按 Esc 清空搜索。