近年來,html煙花代碼已經成為了網絡上廣受歡迎的一種特效,許多網站都使用這種特效給用戶帶來視覺上的享受。
現在,安卓平臺也可以使用這種特效啦!
<!DOCTYPE html> <html> <head> <title>煙花特效</title> <meta charset="utf-8"> <style> .firework{ width:10px; height:10px; border-radius:50%; position:absolute; background:#f8f8f8; box-shadow:0 0 10px #b9f9ff, 0 0 20px #b0e0e6, 0 0 30px #8fbc8f, 0 0 40px #87cefa, 0 0 50px #9370db, 0 0 60px #800000, 0 0 100px #696969, 0 0 500px #3b3b3b; } </style> </head> <body> <script> function createFirework(){ var firework = document.createElement('div'); firework.className = 'firework'; firework.style.left = Math.random()*100 + '%'; firework.style.top = Math.random()*100 + '%'; document.body.appendChild(firework); setTimeout(function(){ firework.parentNode.removeChild(firework); },2000); } setInterval(function(){createFirework();},100); </script> </body> </html>
上面是一段簡單的html代碼,將它復制到一個新建的html文件中并在安卓平臺上打開便可以看到煙花特效的效果。
如果想要更多類型的煙花效果,就需要對這段代碼進行一些改動,比如修改顏色、大小、運動軌跡等等
讓我們在安卓平臺上也體驗一下html煙花的美妙吧!