css3Animate mobile
注:css3Animate不是一个独立的组件,而是app framework的一个插件,具体用法如下:
示例
配置参数
配置参数 | 参数类型 | 参数默认值 | 作用说明 |
---|---|---|---|
x | number | 0 | 沿X轴移动的距离 |
y | number | 0 | 沿Y轴移动的距离 |
origin | string | '0% 0%' | 动画变幻的基点位置 |
time | number(单位: millisecond) | 0 | 动画持续的时间 |
scaleX | number | 1 | 在X轴方向变幻的百分比 |
scaleY | number | 1 | 在Y轴方向变幻的百分比 |
rotateX | string(单位:deg) | '0deg' | 绕X轴转动的角度 |
rotateY | string(单位:deg) | '0deg' | 绕Y轴转动的角度 |
rotateZ | string(单位:deg) | '0deg' | 绕Z轴转动的角度 |
srewX | string(单位:deg) | '0deg' | 沿X轴倾斜的角度 |
srewY | string(单位:deg) | '0deg' | 沿Y轴倾斜的角度 |
width | string(单位:px/百分比) | 无 | 变幻后目标宽度 |
height | string(单位:px/百分比) | 无 | 变幻后目标高度 |
opacity | number | 1 | 变换后的不透明度 |
sucess | function | 无 | 动画成功后的回调 |
failure | function | 无 | 动画失败后的回调 |
complete | function | 无 | 动画完成(成功/失败)后的回调 |