樱花飞舞
樱花飞舞 思路 混合原型模式生成随机雪花: 颜色 大小 运动方式 位置(x,y) 雪花运动向下掉落, 当雪花超出屏幕, 在页面中随机生成一个新雪花 <!DOCTYPE html> < html lang = "en" > < head > < meta charset = "UTF-8" > < title > Title </ title > < style > *{ margin : 0 ; padding : 0 ;} .snow { position : absolute; top : 0 ; left : 0 ; /*font-size: 80px; color: pink; animation: snow_rotateY 3s linear infinite;*/ animation : 3s linear infinite; } @ keyframes snow_rotate { from { transform : rotate (0deg); } to { transform : rotate (360deg); } } @ keyframes snow_rotateX { from { transform : rotateX (0deg); } to { transform : rotateX (360deg); } } @ keyframes snow