动态粒子背景
Canvas 彩色磁力粒子星空背景，鼠标驱动的动态粒子交互系统这是一款基于原生 JavaScript 实现的动态粒子特效。满屏漂浮的彩色粒子会被鼠标持续「吸引」，靠近时自动环绕旋转，粒子之间以及与鼠标之间用色相渐变的连线实时相连，整体呈现出星座图谱般的视觉...
横向图库
纯 CSS 实现的支持横向拖拽切换图片的响应式高端画廊这是一款基于 CSS 实现的横向图片画廊，支持左右滑动切换照片，最有意思的设计在于把滚动条本身当作分页进度条来用——底部那条绿色细线不是装饰，而是实时反映当前浏览位置的滚动指示器，一举两得。画廊...
散落卡片
纯 CSS 实现 3D 名片飞散悬浮场景 + 灯箱预览这是一款纯 CSS 实现的 3D 悬浮名片展示效果。多张名片以随机角度散落在一个模拟木地板的三维空间中，带透视感的排列让整个场景有种「刚从桌上洒落」的真实质感。交互分三步走：初始状态名片自然飘散...
马格努
商业咨询公司 HTML 响应式网站模板 | 25+页面专业企业建站模板这是一款专为商业咨询行业打造的高端 HTML 响应式网站模板，基于主流前端框架Bootstrap5+构建，将经典商务美学与现代设计语言融为一体，帮助咨询机构、管理顾问及专业服务公司在线上树立值得...
贷灵石
外汇交易券商金融投资 HTML 网站模板 | 加密货币股票理财服务响应式建站模板这是一款专为外汇经纪商、金融投资平台、加密货币服务商、货币承兑及股票交易机构量身打造的 HTML 响应式网站模板，提供 2 套多页版首页风格方案，共 15 个以上完整页面，覆盖外汇交易服务展示、...
粒子五环
粒子暴雪聚合奥运五环，Canvas 彩色粒子动态成形效果这是一款基于 Canvas 实现的粒子聚合动画。无数的彩色雪花粒子初始随机散落在画面各处，像一场凌乱的暴风雪，随后逐渐向目标位置靠拢，最终拼合成奥运五环的轮廓形态。五种颜色的粒子各归其位，既保留...
过年歌轮播
滚动居中放大预览卡片，CSS 原生滚动驱动卡片轮播动画这是一款基于 CSS animation-timeline: scroll() 实现的滚动缩放效果。页面初始呈现一排等大的深色卡片，随着用户向下滚动，位于中心的卡片会逐渐放大并高亮为蓝色，两侧卡...
相机光圈
呼吸快门，用 p5.js 模拟镜头光圈的律动感，适合于网站 Loading 动画等场景这是一款「呼吸快门」动态视觉效果，基于 p5.js 技术实现。灵感来自相机光圈的开合机制——叶片在收缩与展开之间循环，赋予画面一种均匀呼吸的节奏感。闭合时线条向中心聚拢成放射状，舒展时线条随旋转...
鹿角帽
个人作品集 HTML 网站响应式模板 | 创意设计师自由职业者个人品牌专用建站模板这是一款专为个人品牌展示打造的 HTML 作品集响应式网站模板，简约现代的视觉风格与独特个性化的界面设计相结合，让设计师、自由职业者、创意从业者的个人主页在众多同类网站中脱颖而出。模板包含 8 ...
卡瑞特
豪华车租赁与机场接送网站模板 – Bootstrap 5 响应式设计，适合租车公司、豪华轿车与出行服务平台建站这是一款专为租车、豪华轿车接送及出行服务平台设计的 HTML 网站模板，基于 Bootstrap 5 构建，提供 6 套多页面首页风格和 22+ 个 HTML 页面文件，内容覆盖机场接送、在线预...
交互同心圆
GSAP 鼠标跟随同心圆涟漪动画效果，适用于音乐播放器 UI等场景这是一款基于 GSAP 实现的交互式同心圆动效，多层嵌套圆环随鼠标移动产生错位追随，外圈流动着蓝粉渐变光晕，内圈呈现深邃的波纹扩散感，整体像一个悬浮发光的音响或虫洞入口，视觉冲击力很强。每层圆环...
商品展示
纯 CSS 暖调极简商品卡片布局 + 日夜模式主题切换效果这是一款纯 CSS 实现的商品展示卡片，左图右文的经典布局，暖米色配金棕色调，整体气质克制而高级，并且支持响应式布局，在移动端等小型设备中也能通过上下布局的形式完美展示。最亮眼的是图片区域下方内...