基于CSS实现的钻石旋转四方扩散效果，HTML中预先定义三个figure区域对应着三层钻石结构，最内层定义多个div代表多个钻石。然后通过CSS的display: grid;以及grid-template-areas: "figure";等关键属性控制整体布局，最后通过CSS的transform、animation、keyframes以及伪类选择器:nth-child实现旋转以及极速扩散动画效果。
基于CSS实现的钻石旋转四方扩散效果，HTML中预先定义三个figure区域对应着三层钻石结构，最内层定义多个div代表多个钻石。然后通过CSS的display: grid;以及grid-template-areas: "figure";等关键属性控制整体布局，最后通过CSS的transform、animation、keyframes以及伪类选择器:nth-child实现旋转以及极速扩散动画效果。
