Broken Grid
有意打破传统对齐网格，采用重叠、曲线或不规则排列，创造出非对称和富有动感的版式。有机形状与自由流动布局打破刻板的网页设计。
🌿 有机形态
使用不规则的 border-radius 创造自然流动的形状，模拟自然界中不存在完美直线的真理。动画让形态持续呼吸变化。
🎭 非对称平衡
左右交替的布局打破视觉单调，奇偶行反转方向创造节奏感。元素微微旋转增添手工排版的质感。
✨ 自由重叠
背景模糊光球与前景卡片层叠，创造深度与空间感。没有严格的间距规则，只有视觉重量的平衡。
/* 有机形状动画 */
@keyframes organicShape {
0% { border-radius: 40% 60% 60% 40% / 60% 40% 60% 40%; }
50% { border-radius: 60% 40% 40% 60% / 40% 60% 40% 60%; }
100% { border-radius: 40% 60% 60% 40% / 60% 40% 60% 40%; }
}
/* 破格旋转布局 */
.organic-card:nth-child(odd) { transform: rotate(-1deg) translateX(-20px); }
.organic-card:nth-child(even) { transform: rotate(1deg) translateX(20px); }
← 返回索引