彩虹渐变3D框架 Frame 堆叠效果 - 基于CSS的动态层级视觉设计

    这是一款基于CSS实现的3D彩虹框架堆叠动画，通过nth-child和sibling-index等选择器动态计算每层边框的颜色、深度与透明度，形成层层递进的立体视觉效果。用户可点击按钮实时添加或移除框架，色彩随层级变化自然过渡，呈现出如彩虹般绚丽的渐变层次，还可通过鼠标控制边框隧道旋转，每一层边框的深度与透明度也会实时计算调整，视觉上很有立体感与动感，整体风格现代简约，光影柔和，具有强烈的视觉纵深感，适用于创意展示页、数字艺术作品或交互式UI组件中，既能提升页面美感，又能增强用户互动体验。