櫻花飄落特效

function sakuraInit() {

$(document).snowfall('clear');

if (document.body.clientWidth > 600) {

$(document).snowfall({image:"/images/sakura/1.png", flakeCount:20, minSpeed:1, minSize:8, maxSize:15,});

$(document).snowfall({image:"/images/sakura/1.png", flakeCount:20, minSpeed:1, minSize:8, maxSize:15,});

$(document).snowfall({image:"/images/sakura/2.png", flakeCount:20, minSpeed:1, minSize:8, maxSize:15,});

$(document).snowfall({image:"/images/sakura/4.png", flakeCount:20, minSpeed:1, minSize:8, maxSize:15,});

} else {

$(document).snowfall({image:"/images/sakura/1.png", flakeCount:10, minSpeed:1, minSize:8, maxSize:15,});

$(document).snowfall({image:"/images/sakura/1.png", flakeCount:10, minSpeed:1, minSize:8, maxSize:15,});

$(document).snowfall({image:"/images/sakura/2.png", flakeCount:10, minSpeed:1, minSize:8, maxSize:15,});

$(document).snowfall({image:"/images/sakura/4.png", flakeCount:10, minSpeed:1, minSize:8, maxSize:15,});

}

}

window.onload = sakuraInit();

飄落的時候添加了css的3D翻轉效果，使之更加逼真

圖片是用ps一個一個扣下來的。扣好發現jpg格式不能帶透明度，然後又心酸的重新扣png格式的。。。

效果如下：

關注是一種動力，分享是一種美德~

閱讀更多 看到他請叫他快去學習 的文章

關鍵字: JavaScript 特效 櫻花