Ever wonder to create js animations easily like just in one line of code? Without typing page long css keyframes which often messy and difficult too.
What if you get those animations like by writing nothing more than a line.
Does this feel awesome? I guess YEAH
Motionia is the answer to get beautiful animations just by its name.
Source code https://github.com/abhiprojectz/motionia
This will create a slide animation with the element appearing in the document!
Just add OUT at the end and you get a slide out animation resulting in disappearing a element out of the document often usefull in modal boxes etc.
There are 25+ base anims.
and a lot more!
** No need** to write a page long css keyframes just use a line state the amount & the direction too!
motionia("#div", "slideX" , "10px");
Here we specify the direction tp right by 👉 right by slideX and keeping our value to positive just simple css schema.
Isn't it awesome?
motionia("div", "rotateX", "90deg");
And the element rotate by 90deg clockwise
There is customization to every listed above anim!
Yeah roughly 20 * 2 * 4 4 *4 *4 = **10240*
ANIMs Just by one line of code!!!
Visit the website!
Don't forget to give this repo a star & a share!