Fading Animation on you site

 Fading Animation 

                                                    Now the days the web development is a fast-growing field on the internet. The web page should be attractive and clear to understand what it is. We can make our website interface look good using CSS and feel good using JavaScript. When they both are combined we can do a lot of things on the web page.

Animation :    

                        Everyone likes the animations. When we implement the animation to our site it helps to attract more users to our site. Need to perform the animation on the site we need to write lots of codes. But here I'm going to show you how to make animations with low code and time.

AOS Library:

                        The Animate On Scroll(AOS) is a javascript library that is used to make animations when scrolling the site. This is an open-source library that helps to quick animations on our site.

 Github Link : michalsnik/aos

List of  Animations:        

• Fade animations:

  • fade
  • fade-up
  • fade-down
  • fade-left
  • fade-right
  • fade-up-right
  • fade-up-left
  • fade-down-right
  • fade-down-left

• Flip animations:

  • flip-up
  • flip-down
  • flip-left
  • flip-right

• Slide animations:

  • slide-up
  • slide-down
  • slide-left
  • slide-right

• Zoom animations:

• zoom-in
• zoom-in-up
• zoom-in-down
• zoom-in-left
• zoom-in-right
• zoom-out
• zoom-out-up
• zoom-out-down
• zoom-out-left
• zoom-out-right

Installation:

                        We can easily install the library on our site. Using the <link> tag we can link directly from online by using aos library link, Or we can also download the library on our local machine.

Criedits: Michał Sajnóg 

Thanks & Do Support us