Motionia - JS animation library

栏目: IT技术 · 发布时间: 5年前

内容简介:Motionia- a lightweight simplified on demand animation library.With motionia you can animate elements by just one line of code.

Motionia

Welcome

Motionia- a lightweight simplified on demand animation library.

Motionia - JS animation library

With motionia you can animate elements by just one line of code.

lightweight, simple fast & easiest to integrate.
=> motionia("target", "anim");

Getting started

Motionia - JS animation library

Just add a script path of motionia via JSDELIVR into the head of your project

<script src="https://cdn.jsdelivr.net/gh/abhiprojectz/motionia/dist/motionia.js"></script>

Use motionia in inline script as:

=> motionia("target", "anim");
Target can be any html element.

Elements can be a id , class or body,p etc html parametric element.

anim refers to animation name!

Features

There is a lot of potential in motionia just keep exploring it.

Animations lists

There are 100+ builtin animations + capability to create a lot more..

Motionia - JS animation library

Appear In

Add In to make a appering anim.

fadeIn

rollIn

slideIn

slitIn

bounceIn

swirlIn

rotateIn

presentIn

presIn

parosIn

flickerIn

tiltIn

swingIn

and a lot more!

Disapper Out

add Out to disappear a element

fadeOut

slideOut

rollOut

slitOut

etc

Wanna customize ?

Motionia - JS animation library

You can customize above anim easily without writing a long code all you need is just A LINE!!

Make a element slide right by some amount

Use motionia("div", "slideX" , "100px");

That's all!

motionia("target", "slideY" , "100px");

Example

// Animate a element to slide up by 10px

motionia("#div","slideY","10px") 

// px can be % em vh vw etc.

Don't forget to give motionia a star & a share thanks.


以上所述就是小编给大家介绍的《Motionia - JS animation library》,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持!

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

浴缸里的惊叹

浴缸里的惊叹

顾森 / 人民邮电出版社 / 2014-7 / 49.00元

《浴缸里的惊叹》是一本趣题集,里面的题目全部来自于作者顾森十余年来的精心收集,包括几何、组合、行程、数字、概率、逻辑、博弈、策略等诸多类别,其中既有小学奥数当中的经典题目,又有世界级的著名难题,但它们无一例外都是作者心目中的“好题”:题目本身简单而不容易,答案出人意料却又在情理之中,解法优雅精巧令人拍案叫绝。作者还有意设置了语言和情境两个类别的问题,希望让完全没有数学背景的读者也能体会到解题的乐趣......一起来看看 《浴缸里的惊叹》 这本书的介绍吧!

SHA 加密
SHA 加密

SHA 加密工具

XML、JSON 在线转换
XML、JSON 在线转换

在线XML、JSON转换工具

HEX CMYK 转换工具
HEX CMYK 转换工具

HEX CMYK 互转工具