滚动联动画廊
纯 CSS 实现滚动联动导航图库预览效果这是一款基于纯 CSS 实现的图片画廊导航效果，综合运用了 :target-before、:target-current、:target-after 伪选择器、CSS 锚点定位（Anchor P...
固定导航栏
CSS 滚动感知吸顶导航 + 动态锚点指示器这是一款基于 CSS container-type: scroll-state + anchor-positioning + :target-current 实现的智能吸顶导航效果，无需 JS ...
图片切换
CSS锚点定位图片切换特效 - 摄影作品集交互展示效果这是一款基于 CSS Anchor Positioning（锚点定位）技术实现的图片切换特效。界面采用经典的摄影作品集布局：左侧是3x3的缩略图网格，右侧是大图展示区域。技术亮点在于使用了CSS...
关系连线
基于 CSS Anchor Positioning 实现多关系节点连线效果，支持拖拽节点调整位置这是一款极具技术前瞻性的关系节点连线动画效果，核心基于 CSS 主流的 Anchor Positioning（锚点定位）API 实现，拖拽更新位置基于少量JS脚本实现。它打破了以往网页中“元素与...
弹性定位
CSS弹性锚点定位菜单悬停效果，鼠标悬停时菜单项弹跳定位这是一款动态导航悬停交互效果，基于CSS 弹性动画（bounce easing） 和 锚点定位（Anchor Positioning） 实现，鼠标悬停时菜单项弹跳定位，适用于现代化导航栏或交互式...
右键菜单
纯 CSS 实现仿电脑右键多级菜单，支持按照菜单类型分组！基于纯 CSS 创建一个带有锚点定位并且支持多层级的弹出菜单（Popover），使用CSS和Popover API实现精确的定位和样式，此外还支持按菜单类型进行分组。这种效果常用于提供额外信息、...