动画样式表
返回手册目录
【说明】动画样式表用于设置动画,例如在rexseeTransition中或各种布局中。
样式默认值允许值说明
基本
animation-typenone none|rotate|rotate-3dx|rotate-3dy|skew|alpha|scale|translate动画类型。
animation-repeatrepeat repeat|none页面过渡是否重复或仅此一次。
animation-start-soundnull File path.动画开始时播放的音效,以"file://"开头的音频文件。
animation-repeat-soundnullFile path. 动画重复时播放的音效,以"file://"开头的音频文件。
animation-end-soundnull File path.动画结束时播放的音效,以"file://"开头的音频文件。
animation-post-startend start|end在页面转换动画中,postStyle指定的后页动画的开始时间是当前页动画的开始(start)或结束时间(end)。
animation-post-znormal normal|reverse在页面转换动画中,postStyle指定的后页动画在当前页动画的下面(normal)或上面(reverse)。
快捷方式
animation-center快捷方式:0%~100%动画的中心,是animation-center-x和animation-center-y的快捷方式,用空格分隔。
animation-center-x50%快捷方式:0%~100%动画的水平中心,一旦设置,所有动画类型的中心都被修改。
animation-center-y50%快捷方式:0%~100%动画的垂直中心,一旦设置,所有动画类型的中心都被修改。
animation-duration2000快捷方式:整数动画的单次持续时间,实际上定义了动画的播放速度,单位为毫秒,一旦设置,所有动画类型的持续时间都被修改。
animation-repeat-count0快捷方式:整数动画的重复次数,-1表示重复无限次,一旦设置,所有动画类型的重复次数都被修改。
animation-repeat-modenormal 快捷方式:normal|reverse动画的重复方式,正常重复或下一次次序反转,一旦设置,所有动画类型的重复方式都被修改。
animation-start-time0 快捷方式:int动画的启动时间,从现在开始的毫秒数,一旦设置,所有动画类型的启动时间都被修改。
旋转
animation-rotate快捷方式旋转动画的起始和结束角度,是animation-rotate-from和animation-rotate-to的快捷方式,用空格分隔。
animation-rotate-from0-360~360旋转动画的起始角度。
animation-rotate-to0-360~360旋转动画的结束角度。
animation-rotate-center-x50%0%~100%旋转动画的水平中心。
animation-rotate-center-y50%0%~100%旋转动画的垂直中心。
animation-rotate-duration2000整数旋转动画的单次持续时间,实际上定义了动画的播放速度,单位为毫秒。
animation-rotate-repeat-count0整数旋转动画的重复次数,-1表示重复无限次。
animation-rotate-repeat-modenormalnormal|reverse旋转动画的重复方式,正常重复或下一次次序反转。
animation-rotate-start-time0 int旋转动画的启动时间,从现在开始的毫秒数。
X轴3D旋转
animation-rotate-3dxnullShorcutX轴三维旋转动画的起始和结束角度,是animation-rotate-3dx-from和animation-rotate-3dx-to的快捷方式,用空格分隔。
animation-rotate-3dx-from0-360~360X轴三维旋转动画的起始角度。
animation-rotate-3dx-to0-360~360X轴三维旋转动画的结束角度。
animation-rotate-3dx-depth-z0intX轴三维旋转动画的Z轴深度。
animation-rotate-3dx-reversefalsetrue|falseX轴三维旋转动画的时间轴方向。
animation-rotate-3dx-center-x50%0~100%X轴三维旋转动画的水平中心。
animation-rotate-3dx-center-y50%0~100%X轴三维旋转动画的垂直中心。
animation-rotate-3dx-duration2000intX轴三维旋转动画的单次持续时间,实际上定义了动画的播放速度,单位为毫秒。
animation-rotate-3dx-repeat-count0intX轴三维旋转动画的重复次数,-1表示重复无限次。
animation-rotate-3dx-repeat-modenormalnormal|reverseX轴三维旋转动画的重复方式,正常重复或下一次次序反转。
animation-rotate-3dx-start-time0intX轴三维旋转动画的启动时间,从现在开始的毫秒数。
Y轴3D旋转
animation-rotate-3dynullShorcutY轴三维旋转动画的起始和结束角度,是animation-rotate-3dy-from和animation-rotate-3dy-to的快捷方式,用空格分隔。
animation-rotate-3dy-from0-360~360Y轴三维旋转动画的起始角度。
animation-rotate-3dy-to0-360~360Y轴三维旋转动画的结束角度。
animation-rotate-3dy-depth-z0intY轴三维旋转动画的Z轴深度。
animation-rotate-3dy-reversefalsetrue|falseY轴三维旋转动画的时间轴方向。
animation-rotate-3dy-center-x50%0~100%Y轴三维旋转动画的水平中心。
animation-rotate-3dy-center-y50%0~100%Y轴三维旋转动画的垂直中心。
animation-rotate-3dy-duration2000intY轴三维旋转动画的单次持续时间,实际上定义了动画的播放速度,单位为毫秒。
animation-rotate-3dy-repeat-count0intY轴三维旋转动画的重复次数,-1表示重复无限次。
animation-rotate-3dy-repeat-modenormalnormal|reverseY轴三维旋转动画的重复方式,正常重复或下一次次序反转。
animation-rotate-3dy-start-time0intY轴三维旋转动画的启动时间,从现在开始的毫秒数。
斜切渐变
animation-skewnullShorcut倾斜动画的起始和结束角度,是animation-skew-x-from,animation-skew-y-from,animation-skew-x-to和animation-skew-y-to的快捷方式,用空格分隔。
animation-skew-x-from1float>0倾斜动画的水平方向起始位置。
animation-skew-x-to1float>0倾斜动画的水平方向结束位置
animation-skew-y-from1float>0倾斜动画的垂直方向起始位置
animation-skew-y-to1float>0倾斜动画的垂直方向结束位置
animation-skew-depth-z0int倾斜动画的Z轴深度。
animation-skew-reversefalsetrue|false倾斜动画的时间轴方向。
animation-skew-center-x50%0~100%倾斜动画的水平中心。
animation-skew-center-y50%0~100%倾斜动画的垂直中心。
animation-skew-duration2000int倾斜动画的单次持续时间,实际上定义了动画的播放速度,单位为毫秒。
animation-skew-repeat-count0int倾斜动画的重复次数,-1表示重复无限次。
animation-skew-repeat-modenormalnormal|reverse倾斜动画的重复方式,正常重复或下一次次序反转。
animation-skew-start-time0int倾斜动画的启动时间,从现在开始的毫秒数。
透明渐变
animation-alpha快捷方式透明渐变动画的起始和结束透明度,是animation-alpha-from和animation-alpha-to的快捷方式,用空格分隔。
animation-alpha-from00~100透明渐变动画的起始透明度。
animation-alpha-to00~100透明渐变动画的结束透明度。
animation-alpha-duration2000整数透明动画的单次持续时间,实际上定义了动画的播放速度,单位为毫秒。
animation-alpha-repeat-count0整数透明动画的重复次数,-1表示重复无限次。
animation-alpha-repeat-modenormalnormal|reverse透明动画的重复方式,正常重复或下一次次序反转。
animation-alpha-start-time0 int透明动画的启动时间,从现在开始的毫秒数。
缩放渐变
animation-scale快捷方式缩放动画的起始和结束比例,是animation-scale-x-from、animation-scale-y-from、animation-scale-x-to、animation-scale-y-to的快捷方式,用空格分隔。
animation-scale-x-from1正float类型缩放动画的水平起始比例。
animation-scale-x-to1正float类型缩放动画的水平结束比例。
animation-scale-y-from1正float类型缩放动画的垂直起始比例。
animation-scale-y-to1正float类型缩放动画的垂直结束比例。
animation-scale-center-x50%0%~100%缩放动画的水平中心。
animation-scale-center-y50%0%~100%缩放动画的垂直中心。
animation-scale-duration2000整数缩放动画的单次持续时间,实际上定义了动画的播放速度,单位为毫秒。
animation-scale-repeat-count0整数缩放动画的重复次数,-1表示重复无限次。
animation-scale-repeat-modenormalnormal|reverse缩放动画的重复方式,正常重复或下一次次序反转。
animation-scale-start-time0 int缩放动画的启动时间,从现在开始的毫秒数。
平移渐变
animation-translate 快捷方式位移动画的起始和结束位移位置,是animation-translate-x-from、animation-translate-y-from、animation-translate-x-to、animation-translate-y-to的快捷方式,用空格分隔。
animation-translate-x-from1正float类型位移动画的水平起始位移位置。
animation-translate-x-to1正float类型位移动画的水平结束位移位置。
animation-translate-y-from1正float类型位移动画的垂直起始位移位置。
animation-translate-y-to1正float类型位移动画的垂直结束位移位置。
animation-translate-duration2000整数位移动画的单次持续时间,实际上定义了动画的播放速度,单位为毫秒。
animation-translate-repeat-count0整数位移动画的重复次数,-1表示重复无限次。
animation-translate-repeat-modenormalnormal|reverse位移动画的重复方式,正常重复或下一次次序反转。
animation-translate-start-time0 int位移动画的启动时间,从现在开始的毫秒数。
返回手册目录