scrambleJs? ???? ??? ????: ??? ????? ?????? ?

? ????? ???? ??? ???? ?????? ??? ????? ?????? ???? ?? ???? ??? ???? ?????? ???? ???? ????? ??? ???? ??? ????? ??? ?? JavaScript ?????? scrambleJs? ???????!

???? ??? ???? ????, ????? ??? ???? ???? ???? ??, ???? ??? ???? ??? ??? ??? ??? ???. scrambleJs? ??? ???? ?? ??????.

? scrambleJ? ???? ??? ?? ??????

??? ???? ????? ?????? ????. scrambleJs? ?? ???? ??? ?? ???? ???? ?? ??? ???? ?????.

• ? ??? ???? ? ??: ???? ???? ??? ???? ???? ???? ???? ?????? ?????. ??? ??? ???? ?? ??? ??? ?? ?????.
• ? ?? ?? ??? ?? ??: ???, ?????, ??? ????? ?? ?? ?? ???? ???? ??????. ? ? ?? ??? ??? ??? ??????.
• ? ???? ??? ??: ???? ????? ??? ???? ??? ??? ??? ?? ???? ?????. ?? ????? ?????!
• ?? ?? ??: ?????? ??? ??????! ?, ? ?? ?????? ???? ??? ?????.
• ? ??? ???: ??? ???? ?????! ?? HTML ??? ???? ???? ?????? ???? ??? ?????.
• ?? ??? ?????: ??? ???? ?? ??? ?? ??? ??? ??? ????? ??? ???? ?????.

? ??? ?????

ScrambleJ? ????? ???? ?? ?? ?????.

CDN? ??:

<script src="https://cdn.jsdelivr.net/npm/scramble-js@latest/dist/scramble.min.js"></script>

?? npm? ??:

npm install scramble_type

const scrambleLib = new scrambleJs();

?? ??? ? - ?? ???

??? ???? ??? ??? ?????? ??? ?????.

HTML:

<h1>



<p><strong>JavaScript:</strong><br>
</p>

<pre class="brush:php;toolbar:false">const heading = document.getElementById('my-heading');
const scrambleLib = new scrambleJs();

scrambleLib.animateText(heading, {
  step: { duration: 1500 } // Scramble for 1.5 seconds
});

?! ?? ??? ???? ??? ?????.

?? ?? ??? ??? ??

?? "???" ??? ?????? ??? ?? ????:

const glitchText = document.getElementById('glitch-text');
const scrambleLib = new scrambleJs();

scrambleLib.animateText(glitchText, {
  preset: 'glitch'
});

?? ? ??? ???? - ?? ?? ??

animateText ??? ?? ?????. ?????? ?????? ?? ? ?? ?? ??? ??? ????.

<script src="https://cdn.jsdelivr.net/npm/scramble-js@latest/dist/scramble.min.js"></script>

? ???? ??? ?????

??? scrambleJ? ??? ? ? ???? ?? ?????! ?? ??? ???? ??? ???? ???? ??? ?????.

? ???? ? ?? ??? ????!

scrambleJs? ?? ????? ???? ???, ?? ???, ??? ?????! GitHub?? ???? ??? ???.

? ?? ??? ???? ??? ?? ? ? ????? ????? ??? ?????! scrambleJ? ???? ?? ?? ??? ?????? ????? ?? ??? ???? ???? ??? ???!

? ??? SF ??? ?????? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!