CLOUD DOWNLOAD BUTTON ANIMATION

Author:

  • Jon Kantner
  • June 20, 2018

Made with:

  • HTML / CSS (SCSS) / JavaScript

About the code:

Based on the App Store cloud download icon but animated. The idea is to show spinning water droplets on preload then turn the down arrow into a progress bar after falling. When the download is completed, a checkmark pops out of the cloud.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Dependencies: –

Download Demo and Code