tween-css-transform:补间 CSS 转换 (matrix3d)

时间:2024-07-22 14:33:44
【文件属性】:

文件名称:tween-css-transform:补间 CSS 转换 (matrix3d)

文件大小:49KB

文件格式:ZIP

更新时间:2024-07-22 14:33:44

JavaScript

tween-css-transform 使用 CSS matrix3d()和 4x4 矩阵插值(分解/重组)对 DOM 元素进行matrix3d() 。 这允许平滑范围的 3D 旋转(使用四元数和球面插值)而无需万向节锁定。 通常与或。 例子: var tweenr = require ( 'tweenr' ) ( ) var Transform = require ( 'tween-css-transform' ) //you can specify transform strings var tween1 = Transform ( element , { duration : 1 , delay : 0.5 , ease : 'expoOut' , start : 'translateX(10px) rotateX(90deg)' e


【文件预览】:
tween-css-transform-master
----lib()
--------quat.js(2KB)
--------transform.js(272B)
--------interpolate.js(3KB)
--------style.js(3KB)
----test.js(103B)
----.npmignore(96B)
----demo()
--------simple.html(167B)
--------build()
--------stress.js(2KB)
--------stress.html(286B)
--------rotate.js(2KB)
--------index.js(2KB)
----LICENSE.md(1KB)
----README.md(3KB)
----.gitignore(46B)
----index.js(995B)
----package.json(2KB)

网友评论