选一个小实验,让想法在画布上发生。
动手试一试,让代码里的想法发生。
用多层径向渐变、模糊与关键帧制作缓慢流动的色块。
观察渐变色块的形状变化,调整速度和主题颜色,比较不同节奏下的流动效果。
叠加三层 radial-gradient 形成色彩,再通过 blur 柔化边缘。关键帧改变旋转角度、缩放比例与圆角,不断交替播放。
修改渐变的位置、模糊半径与动画周期。CSS 通过 --demo-speed 和 --demo-color 接收控制栏参数。系统开启减少动态效果时,动画会停止。