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

0 vote239 views1 answer
Css cursor loading
CSS
60 votes264 views6 answers
Center div horizontally and vertically
CSS
0 vote256 views2 answers
Css multiline comment
CSS
2 votes270 views6 answers
Add image to css
CSS
0 vote236 views1 answer
Jest test try catch
CSS
102 votes260 views6 answers
How to center an element in css
CSS
0 vote249 views1 answer
Best os for programming
CSS
0 vote280 views1 answer
Css tips and tricks to handle the complicated stuffs in design part which is helpfull to handle at tha critical time and to deliver requirement to the client to the main resource
CSS
-1 vote275 views1 answer
How to hover div in css
CSS
9 votes257 views4 answers
Change button size css
CSS