智慧屏和智能穿戴开发：动画样式

HarmonyOS技术社区

于 2020-12-01 13:39:02 发布

阅读量1.4k

点赞数

CC 4.0 BY-SA版权

分类专栏： HarmonyOS百科

HarmonyOS应用开发文档新增动画样式内容，提供旋转、平移、缩放的示例代码和效果展示，帮助开发者理解和运用动画效果。文档特别指出，@keyframes的from/to不支持动态绑定。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

HarmonyOS应用开发文档更新修改说明：动画样式补充示例代码和示例效果图，方便开发者掌握动画的使用方式。

组件普遍支持的可以在style或css中设置的动态的旋转、平移、缩放效果。

名称	类型	默认值	描述
transform-origin	<position>	控件中心	变换对象的原点位置，支持px和百分比(相对于动画目标组件)，格式为：50px 100px 或 50% 50%。
transform	string	-	支持同时设置平移/旋转/缩放的属性详见表1。
animation-name	string	-	指定@keyframes，详见表2。
animation-delay	<time>	0	定义动画播放的延迟时间。支持的单位为[s(秒)\|ms(毫秒) ]，默认单位为ms，格式为：1000ms或1s。
animation-duration