|
|
(一)
雪花宽高尺寸是 45*45,rx、ry 的赋值,
let rx = papa.offsetWidth / 2 - 10, ry = papa.offsetHeight / 2 - 10
应改为:
let rx = papa.offsetWidth / 2 - 23, ry = papa.offsetHeight / 2 - 23;
(二)雪花转动问题
关键帧动画代码:
from { transform: translate(0,0); rotate(0deg); opacity: 0.2; }
to { transform: translate(var(--xx),var(--yy)); rotate(360deg); opacity: 1; }
应改为:
from { transform: translate(0,0) rotate(0deg); opacity: 0.2; }
to { transform: translate(var(--xx),var(--yy)) rotate(360deg); opacity: 1; }
原理:translate 和 rotate 都是 transform 的子内容,它们之间用空格隔开而不是分号。 |
|