Untuk kesan khas animasi penyebaran teks dan penyusunan semula ini, kami boleh menentukan sebarang teks dalam kotak input Selepas mengklik butang OK, teks asal akan meletup dan tersebar, dan teks baharu akan digabungkan dalam bentuk piksel. , yang kelihatan sangat istimewa.
Pemarahan operasi:
Ini adalah kesan selepas menaip HAPPY dan memasang butang Sudah tentu, anda boleh memasukkan sebarang teks
Kesan khas yang hebat, walaupun bahasa Cina disokong, lihat gambar di bawah:
Kod untuk kesan khas animasi penyebaran teks dan penyusunan semula yang dikongsi oleh semua orang adalah seperti berikut
<html> <head> <meta charset="UTF-8"> <title>文字散开重组动画特效</title> <link rel="stylesheet" href="css/style.css" media="screen" type="text/css" /> </head> <body> <canvas id="text" width="500" height="100"></canvas> <canvas id="stage" width="500" height="100"></canvas> <form id="form"> <input type="text" id="inputText" value="脚本之家" /> <input type="submit" value="TRY IT" /> </form> <script src='js/EasePack.min.js'></script> <script src='js/TweenLite.min.js'></script> <script src='js/easeljs-0.7.1.min.js'></script> <script src='js/requestAnimationFrame.js'></script> <script src="js/index.js"></script> </body> </html>
Di atas ialah kod css js untuk merealisasikan kod kesan khas animasi penyerakan dan penyusunan semula yang dikongsi dengan anda.
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
