Pour cet effet spécial d'animation de dispersion et de réorganisation du texte, nous pouvons spécifier n'importe quel texte dans la zone de saisie. Après avoir cliqué sur le bouton OK, le texte original explosera et se dispersera, et le nouveau texte sera combiné sous forme de pixels. , ce qui a l'air très spécial.
Opération de rendu :
C'est l'effet après avoir tapé HAPPY et installé le bouton. Bien sûr, vous pouvez saisir n'importe quel texte
.
Quels effets spéciaux sympas, même le chinois est pris en charge, voir l'image ci-dessous :
Le code des effets spéciaux d'animation de diffusion et de réorganisation de texte partagés par tout le monde est le suivant
<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>
Ce qui précède est le code js css pour réaliser le code d'effets spéciaux d'animation de dispersion et de réorganisation de texte partagé avec vous. J'espère que vous pourrez l'aimer.
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
