Anime.js

Anime js link

<script src="https://cdnjs.cloudflare.com/ajax/libs/animejs/3.2.1/anime.min.js" integrity="sha512-z4OUqw38qNLpn1libAN9BsoDx6nbNFio5lA6CuTp9NlK83b89hgyCVq+N5FdBJptINztxn1Z3SaKSKUS5UP60Q==" crossorigin="anonymous"></script>

Anime.js

<script src="https://cdn.jsdelivr.net/npm/animejs@3.0.1/lib/anime.min.js"></script>

Source: sitepoint.com

Animejs reduce the speed

anime({
  targets: '#thread',
  width: '100%', // -> from '28px' to '100%',
  easing: 'easeInOutQuad',
  direction: 'alternate',
  duration: 500,
  loop: true
});

Anime.js

import anime from 'animejs/lib/anime.es.js';

Source: github.com

Anime.js

$ npm install animejs --save

Source: github.com

Anime.js

const anime = require('animejs');

Source: github.com

Similar codes

6 votes167 views3 answers
Jquery unescape html
Html
6 votes156 views2 answers
How to make links open in a new window
Html
-1 vote145 views2 answers
Html code heavy left arrow
Html
2 votes158 views6 answers
Laravel debugging
Html
5 votes196 views2 answers
How to make radio buttons unselectable
Html
11 votes115 views2 answers
Trademark sign
Html
1 vote151 views1 answer
How to write superscript in markdown
Html
3 votes123 views1 answer
Html audio autoplay
Html
0 vote186 views2 answers
How to set the width and heigth of the canvas to be the same size as that of an image
Html
11 votes162 views2 answers
Html put newline in text with \n
Html