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

-1 vote244 views1 answer
Html background music
Html
2 votes248 views2 answers
Css image as button
Html
13 votes250 views4 answers
HTML Text Formatting
Html
5 votes252 views5 answers
Jquery select2 set value
Html
3 votes244 views1 answer
Responsive flexbox navbar
Html
18 votes272 views2 answers
Visual studio code html template shortcut
Html
1 vote243 views1 answer
How to add a browser tab icon (favicon)?
Html
0 vote255 views1 answer
System.IO.FileLoadException: 'Could not load file or assembly 'System.ValueTuple, Version=4.0.2.0, Culture=neutral, PublicKeyToken=cc7b13ffcd2ddd51
Html
0 vote259 views1 answer
Liens hypertexte html mdn
Html
92 votes265 views5 answers
Change bootstrap background color
Html