recherche

Maison  >  Article  >  interface Web  >  js css réalise la diffusion et la réorganisation du texte, l'animation, les effets spéciaux, le partage de code et les compétences javascript

js css réalise la diffusion et la réorganisation du texte, l'animation, les effets spéciaux, le partage de code et les compétences javascript

WBOY
WBOYoriginal
2016-05-16 15:43:361860parcourir

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.

Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：JS réalise l'effet de navigation de changement de ville à l'échelle nationale qui glisse du haut de la page Web_compétences javascriptArticle suivant：JS réalise l'effet de navigation de changement de ville à l'échelle nationale qui glisse du haut de la page Web_compétences javascript

Articles Liés

Voir plus