Struggling in making a wonderfull animation ? new to web development then motionia.js is the right choice for you!

Animators at all levels of experience may sometimes use a little extra drive. Whether you're contemplating a potential career as an animator, looking to refine your current skills, or just enjoying an amusing cartoon, animation blogs are a great source of knowledge, inspiration, and fun.

Whatever the reason you are interested in the area, it's important to stay up-to - date to stay on top of your game. Instead of wasting hours scouring the internet to educate yourself on industry news and techniques, keeping tabs on credible animation forums can help in a fraction of the time keep a pulse on the industry.

For so many blogs to choose from today, how do you think you should.

lets start

here we will try a simple bounce animation using few lines of code.

lets write keyframes for our anim.

@keyframes bouncing{  0%  { bottom: 0; box-shadow: 0 0 5px rgba(0,0,0,0.5);}  100%{ bottom: 50px; box-shadow: 0 50px 50px rgba(0,0,0,0.1);}}

now make a class for the anim.

.loading-button{ animation: bouncing 0.5s cubic-bezier(0.1,0.25,0.1,1) 0s infinite alternate both;}

this will give you bouncing animation.

shortcut trick!

JUST use motionia.js

motionia("target div","bounceMax")

That's all!

refer here: motionia.js

don't forget to follow me for more updates!