罗奥斯
简约现代个人博客 HTML5 网站模板（9+套布局响应式内容创作方案）这是一款专为追求质感的内容创作者设计的 HTML5 响应式博客网站模板。在信息碎片化的时代，它回归了“以内容为中心”的设计初衷，通过极简且极具视觉张力的界面，为旅行、时尚、美食及摄影等领域的博主...
开关切换按钮
CSS 字母缩放创意开关切换按钮这是一款创意开关切换动效，基于CSS动画技术+React实现。核心亮点是把传统的toggle开关巧妙地融入到"on/off"文字中——左边的椭圆开关本身就充当了字母"O"，圆形滑块在上下滑动时，...
艺术画廊
无限画廊长廊 - Three.js实现的 3D 滚动式艺术作品展示组件这是一款沉浸式3D艺术画廊展示效果，基于Three.js技术实现，通过滚动交互在无限延伸的虚拟展厅中切换不同画作。这个效果营造出了一种类似真实美术馆的空间感。左侧用大字体展示作品名称，配合简洁的...
圣诞树
滑动开关创意圣诞树（CSS+JS）这是一款极具创意的“前端工程师专用”圣诞树交互效果，基于 HTML + CSS + JavaScript 技术实现。它别出心裁地将 UI 设计中常见的“开关按钮（Switch）”作为装饰元素，...
环形图库
基于 CSS Scroll-Timeline 打造的环形聚焦滚动画廊这是一款打破线性维度的环形滚动画廊，基于主流的 CSS 滚动驱动动画（Scroll-driven Animations） 技术实现。它彻底抛弃了传统的“水平”或“垂直”滑动逻辑，通过 anima...
视界中心
基于 GSAP+CSS 打造的沉浸式 3D 环绕图文卡片轮播组件这是一款极具空间纵深感的 3D 环绕式轮播效果，基于 GSAP+CSS 技术实现。它彻底抛弃了平面滑动的单调，通过精密的透视算法让每一张卡片在虚拟空间中产生旋转位移，并且支持单图放大预览效果。最...
迪外狄
让人眼前一亮的专业开发者个人作品集 HTML 响应式网站模板｜现代交互式简历 / 程序员简历网站这是一款专为程序员、软件工程师和技术从业者打造的个性高端个人作品集与在线简历响应式网站模板，基于原生HTML实现，整体风格偏向“代码感 + 科技感”，在第一眼就能建立专业形象。模板通过流畅的动画...
动态曲线轴
纯 CSS 鼠标滚动驱动线条轨迹绘制动画特效，用CSS打造动态路径引导效果这是一款基于鼠标滚动或者滑动页面驱动的线条轨迹绘制动画效果，基于纯 CSS keyframes结合animation动画技术实现，随着页面滚动，红色节点会沿预设的曲线轨迹移动，同时同步绘制出对应...
logo轮播
品牌LOGO横向滚动轮播，用纯 CSS 打造的极简动态展示效果这是一款滚动式品牌展示轮播效果，基于CSS的 index 属性实现，多个知名品牌的LOGO在黑色背景上以匀速横向滑动，搭配网格线和微光渐变，营造出科技感十足的动态视觉体验。整体风格简洁现代，突...
光标互动
WebGPU实现的光影彩色流体鼠标拖尾效果+擦除揭示动画这是一款 WebGPU 驱动的流体擦除互动动效，模拟真实液体流动与光影变化。基于 WebGPU + 前端交互逻辑实现 —— 它的流体质感细腻丝滑，响应鼠标滑动时产生自然的涟漪和色彩扩散，还能通过...
极光背景
纯 CSS 极光渐变 hero 模块背景效果，彩色动态背景与标题文字良好融合！这是一款基于CSS实现的彩色渐变光束背景效果，基于纯 CSS 技术（借助 @properties 等 CSS 原生特性）实现，通过动态色彩条纹模拟光线穿透的视觉感，搭配平滑动画让背景仿佛在呼吸般...
玻璃下拉框
液态玻璃风格自定义下拉菜单组件（CSS+JS）这是一款基于CSS+JS实现的液态玻璃风格自定义下拉菜单组件，整体采用深色半透明设计，搭配柔和光晕和轻微动态反馈，视觉上轻盈通透，切换选项时会以流体般的丝滑动画衔接，代替了普通下拉菜单的生硬跳转...