content
"创建两层交错叠加的半透明波浪路径,使用平滑三次贝塞尔曲线(C命令)绘制波形,顶层为#4FC3F7,底层为#0288D1,整体填充浏览器视窗(100vw×100vh)"
动画要求:
水平浮动
"两层波浪反向水平移动:顶层左移周期8s,底层右移周期12s,使用无限循环的CSS关键帧动画"
垂直波动
"增加垂直振幅变化:波浪高度以5%幅度缓动起伏,周期与水平动画错开(顶层10s/底层14s)"
交互动效
"鼠标悬停时:
波浪色相渐变(顶层→#81D4FA/底层→#039BE5)
运动速度降低30%产生阻尼效果"