A quick tutorial on quickly adding CSS animations to your website, via the free animate.css library. One of the most simple things to start off as a beginner with our tips.
Today I am going to show you how to get started with animate.css. Animate.CSS is a collection of 75 common animation style which lets you apply to any element on the HTML page simply by adding a couple css classes to the element.
To get started the first step is to add animate.css source code to your project. you can either do so by downloading the code on the official site, or you can link to the CDN host version where you can find on Github page. The first example, we will make an h1 element bounce. for all of the animation, there is an option class name of infinite that can be added to each element in order for the animation of repeat infinitely. Once you added the class name of animated bounce and infinite to the h1 element, simply save and refresh the page. There are many creative ways of using animate.css while you don’t need any more to add your project you can easily extend these animations with jquery or vanilla javascript.
Animate.css Official Site: https://daneden.github.io/animate.css/
Original blog post: https://sunlightmedia.org/getting-started-with-animate-css-tutorial/
Subscribe to our channel for more digital marketing, branding, video production and web development tips!
Follow Us
https://sunlightmedia.org/
http://www.facebook.com/SunlightMedia
http://twitter.com/#!/designerLA
https://plus.google.com/+SunlightMediaLosAngeles
http://www.pinterest.com/sunlightmedia/
source