VincentGarreau / particles.js

A lightweight JavaScript library for creating particles
https://vincentgarreau.com/particles.js/
MIT License
28.88k stars 4.82k forks source link

ZoomIn loading animation? #229

Open Feeyz opened 7 years ago

Feeyz commented 7 years ago

How is this loading animation made when opening the site or selecting another design?

dominikstrasser commented 6 years ago

I was looking for the same thing. It's a simple css animation:

#yourElement canvas {
   animation-name: appear;
    animation-duration: 1.4s;
    animation-fill-mode: forwards;
}

@keyframes appear {
  from {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}