Shuffle Text On Hover And/Or On Page Load – shuffleText.js

Preview:

Description:

shuffleText.js is a minimal JavaScript library that can be used to shuffle any text on mouse hover or on page loaded.

How to use it:

1. Import the shuffleText.js script in the document.

<script src="shuffleText.js"></script>

2. Initialize the library and apply the shuffle effect to text you specify.

<p class="shuffleText">CSSScript.Com</p>

shuffleInit({
  class_name: 'shuffleText'
});

3. Determine whether to shuffle the text on page load.

shuffleInit({
  class_name: 'shuffleText'
  onload: true
});

4. Config the shuffle effect with the following props.

shuffleInit({
  class_name: 'shuffleText'
  delay: true,
  number_of_iterations: 100,
  iteration_speed: 5,
  displayed_speed: 80,
});