Animation on scroll css

Aos js

CSS
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">

JS
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>

INITIALIZE AOS:
<script>
  AOS.init();
</script>

Animation on scroll css

svg {
  position: fixed; /* make sure it stays put so we can see it! */

  animation: rotate 1s linear infinite;
  /*animation-play-state: paused;*/
  animation-delay: calc(var(--scroll) * -1s);
}

Source: css-tricks.com

Aos css animation

<div data-aos="zoom-in-left"></div>

Source: michalsnik.github.io

Similar codes

13 votes279 views3 answers
How to change cursor in css on hover
CSS
21 votes268 views2 answers
Remove focus border
CSS
50 votes265 views6 answers
Css align center
CSS
1 vote290 views2 answers
How to specify css for smaller screen
CSS
6 votes287 views2 answers
Css last child with class
CSS
0 vote284 views1 answer
Divs overlapping on mobile landscape
CSS
55 votes309 views3 answers
Jquery add css
CSS
0 vote284 views1 answer
Tailwind css image grid
CSS
1 vote295 views3 answers
How to place a table in center in css
CSS
-1 vote274 views2 answers
Html and css websites
CSS