Many times animations are implemented on a web page to improve the user experience, making it more attractive and intuitive. With the animation property and the keyframes rule, you can create any animation you have in mind by manipulating a large number of properties. This article shows the basics of making animations using a small project as an example, consisting of four squares jumping into four other squares as they move to the right and end up stacked in a tower.

Before starting with the animations we need to create a container in the index.html file, which we will call canvas, this will be the place where all the animations will occur. Also, we will create static squares and those that will be in motion.

Read more at https://hackernoon.com/how-to-create-an-animation-with-css-so2m31up

#css #animation #html #css3