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

1 vote117 views1 answer
Active pseudo class in css not working in form text area
CSS
4 votes108 views2 answers
How to get all values from object in javascript
CSS
0 vote107 views1 answer
Css height animation
CSS
4 votes109 views3 answers
Glowing text css
CSS
0 vote133 views1 answer
Html css on class
CSS
22 votes110 views4 answers
Css flip image horizontally
CSS
18 votes159 views2 answers
Rgba blue colo
CSS
81 votes103 views3 answers
Css all uppercase to capitalize
CSS
1 vote110 views1 answer
"League\Flysystem\AwsS3v3\AwsS3Adapter"
CSS
0 vote114 views1 answer
Scss global class
CSS