选一个小实验,让想法在画布上发生。
动手试一试,让代码里的想法发生。
用 CSS 位移、缩放与缓动曲线模拟小球弹跳。
观察小球落地时的压缩效果,调整速度感受不同节奏,切换主题颜色改变小球外观。
关键帧组合 translateY 与 scale,交替播放从高处落下到接触地面的过程。底部的椭圆阴影帮助建立空间感。
修改弹跳高度、落地时的横纵缩放比例与缓动曲线。系统开启减少动态效果时,动画会停止。