毛玻璃UI效果
基于纯CSS OKLCH实现的动态玻璃拟态主题切换效果这是一款动态弥散光感玻璃拟态卡片效果，基于 CSS变量、oklch() 相对颜色与 CSS 三角函数技术实现。无需一行 JS，只需修改单个色相数值即可通过数学运算自动演算出和谐的三配色体系，配合...
派拓思
简约暗色调个人简历与作品集 HTML 响应式模板 | 设计师/自由职业者/独立开发者建站这款模板走的是"简约克制 + 暗色调"路线,适合设计师、开发者、摄影师、艺术总监等需要用作品说话的自由职业者与独立创作者。深色 UI 让作品成为视觉主角,搭配丝滑动画与创意化布局,不需要过多装饰...
卡片堆叠切换
GSAP实现的3D沉浸式图文切片卡片自动切换效果，营造出极强的艺术感与空间纵深感这是一个极具视觉冲击力的3D沉浸式图文卡片切换效果，基于GSAP（GreenSock Animation Platform）与CSS 3D转换技术实现。它通过独特的“中心焦点+背景模糊切片”的堆...
滚动切换
WebGL 滚动驱动三维场景切换效果——五段几何形态无缝过渡实现方案这是一款基于 WebGL + SDF 光线步进技术实现的滚动联动三维渲染效果。页面滚动即驱动场景演进，依次呈现球体、圆环、立方体、八面体、双环五种几何形态，形态之间连续融合过渡，没有跳切感。配色...
圆弧滑块
GSAP全屏图片弧形自动滚动切换特效 | 景深模糊过渡的高端滑块组件这是一款全屏沉浸式图片切换效果，基于 GSAP + CSS 技术实现。切换时，下一张图片从背景虚化状态逐渐推近、聚焦，同时左侧大字标题跟随流畅过渡，背景色也随内容联动变换——整个过程一气呵成，有...
商品展示
纯 CSS 暖调极简商品卡片布局 + 日夜模式主题切换效果这是一款纯 CSS 实现的商品展示卡片，左图右文的经典布局，暖米色配金棕色调，整体气质克制而高级，并且支持响应式布局，在移动端等小型设备中也能通过上下布局的形式完美展示。最亮眼的是图片区域下方内...
切换过渡效果
多模式视图过渡切换效果：HTML 原生转场效果的新玩法这是一款基于 CSS View Transitions API 实现的图片切换效果，支持淡入淡出（Fade）、切片（Slice）、切片+骰子（Slice+Dice）三种过渡模式，可通过下拉菜单自...
标签切换
CSS 高级 Tabs 标签页组件：选项卡该有的样子！这是一款精致的 Tabs 标签页切换效果，基于 CSS + JavaScript 技术实现，当前激活项以青紫色渐变胶囊背景高亮显示，切换时内容区域平滑过渡，配合深色毛玻璃风格整体质感相当克制且高级。
场景切换
CSS 滤镜+ Canvas 以全球变暖为主题实现震撼的冷暖场景切换效果，两张图片、两个世界！！！这是一款聚焦全球变暖的场景切换效果，基于 CSS 滤镜+ Canvas 技术实现，它把左侧冰雪、云海交织的清凉水域景观，仅通过滤镜处理就转化成了右侧熔岩遍布、黑暗笼罩的末日荒原，用强烈的视觉对比...
丝滑切换按钮
用视图过渡打造按钮丝滑切换体验（CSS+JS）这是一款带有平滑过渡效果的切换按钮，基于CSS view-transition 和 JavaScript 实现，点击时按钮会以“内容流动”的方式动态切换选中状态，视觉上像是文字和颜色在空间中自然...
玻璃按钮
液态玻璃风格主题模式切换透明按钮，用CSS打造地会“流动”的交互按钮这是一款液态玻璃风格开关切换效果，基于 CSS 技术实现，通过渐变、阴影与透明度的巧妙结合，以玻璃透明质感的视觉表现和顺滑的切换动画，实现日 / 夜模式等场景的交互控制，不仅功能清晰，还极具现...
液态过渡幻灯片
GSAP液态形态过渡 3D 幻灯片切换效果，附带图片预览倒计时进度条这是一款基于 GSAP 技术打造的液态变形轮播效果，通过3D流体形态实现图片间的无缝过渡，画面如液体般流动融合，视觉冲击力强，还可通过键盘以及鼠标控制图片的切换，附带图片预览倒计时进度条。适用于...