极光雪球
极光雪花球沉浸式互动梦幻背景（p5.js+JS），流动的极光色彩渐变，搭配飘落的雪花粒子！这是一款极光雪花球沉浸式互动背景效果，基于原生 JavaScript 结合p5.js开源组件与 CSS 动画技术实现，它模拟了身处旋转极光雪花球内部的梦幻场景 —— 滚动页面能缩放视角查看完整的...
点阵时钟
原生CSS+JS实现的创意极简点阵时钟，靠不同颜色的点和条对应时分秒来指示时间这是一款极简风格的点阵时钟，基于原生 CSS 自定义属性与 JavaScript 技术实现，仅用彩色圆点和刻度表示时间，通过不同颜色和位置区分时、分、秒，视觉干净利落，毫无冗余。中央数字时间可自...
水晶球景观
多彩水晶球近远景预览，CSS 自定义函数驱动的单色主题切换 + 滚动动画效果这是一款 CSS 自定义函数驱动的单色主题切换 + 滚动动画效果，基于 CSS 自定义函数与原生 JavaScript 技术实现。它借助 CSS 的 has () 函数关联单选按钮，可从白、红、...
跳跃小游戏
“别让我腐烂” 南瓜主题平台跳跃收集物品 HTML 网页小游戏源码下载这是一款 “别让我腐烂” 南瓜主题平台跳跃网页小游戏，基于原生 HTML、CSS 与 JavaScript 技术实现，玩家扮演会逐渐腐烂的杰克灯南瓜头，通过方向键 / WASD 控制移动、空格触...
数据卡片
原生CSS+JS实现地滑动式转化率数据仪表盘卡片 UI，轻量、兼容性好、触控体验极佳这是一款可滑动的交互式滑数据仪表盘卡片 UI（图片、文字及走势图），基于原生 HTML5、CSS3 与 JavaScript 技术实现，是移动端优先的数据分析展示组件。，支持手势滑动切换不同时间...
视差轮播
纯原生 JavaScrip 视差轮播图文轮播组件，轻量高效，视觉惊艳！这是一款无第三方库的原生视差轮播效果，基于原生 JavaScript 技术实现，通过层叠元素和滚动位移模拟出深度感十足的视差动画，视觉层次分明，交互流畅自然，既支持自动轮播有支持通过底部以及左右...
数字变化器
纯CSS弹性数字加减选择器（步进器），优雅又实用的数字加减调节方案这是一款纯CSS实现的带颤抖弹性效果的步进数值选择器，通过隐藏的单选按钮 radio 驱动，支持键盘操作，兼顾美观与可用性。用户可通过点击加减按钮或使用方向键调整数值，交互流畅且无障碍友好。这种...
运动模糊数字
高速变化的模糊数字动画效果（CSS+JS），让数据变化更有动感这是一款带有运动模糊效果的数字计数器，基于CSS+JavaScript技术实现，通过模拟数字高速变化时的视觉拖影，让数字在跳变过程中呈现出流畅的动态轨迹。这种“动起来”的感觉增强了数据变化的冲击...
滑动切换
纯 CSS 滑动标签切换动画效果，适用于标签切换、选择栏以及导航等场景这是一款纯CSS实现的动画分段控件效果，通过伪元素和过渡动画打造“滑动切换”的视觉效果，点击任意选项时，选中状态会以平滑的方式横向移动，仿佛按钮在“滑入”当前位置，悬停时，阴影标记跟随鼠标移动。...
曲线路径轮播
纯CSS打造自定义曲线路径卡片轮播动画效果这是一款纯 CSS 实现的卡片路径滚动轮播，无需JavaScript，仅通过关键帧动画和transform属性控制每张卡片的位置与旋转，就能让卡片沿着自定义的非直线路径做循环滚动 —— 卡片还带...
天气卡片
会下雪的天气卡片：动态雪天天气小组件（CSS+JS）这是一款极简风格的雪天天气小部件，基于CSS动画与JavaScript交互实现，通过模糊背景图与动态粒子营造出真实感十足的降雪氛围。太阳与月亮会随时间平滑移动，云层缓缓飘过，雪花持续飘落，视觉上...
滑动轮播
纯 CSS 滚动式图文卡片轮播组件，带左右与底部指示点联动导航按钮这是一款纯CSS实现的轮播图效果，利用先进CSS属性 ::scroll-* 伪元素和容器查询技术，让当前展示项在滚动切换时自动触发动画，无需JavaScript即可完成流畅的视觉过渡。中间卡片放...