轻量级智能穿戴设备的transform为什么不起作用?

轻量级智能穿戴设备的transform为什么不起作用?-鸿蒙开发者社区Lite Wearable设备的ransform:rotate()调整角度不起作用,看到文档里写着可用的

轻量级智能穿戴设备的transform为什么不起作用?-鸿蒙开发者社区

轻量智能穿戴
2021-08-05 16:53:53
浏览
收藏 0
回答 1
已解决
回答 1
按赞同
/
按时间
Der_带鱼
2

transform是通用的动画样式。是可以用的。既然是动画,那关键问题在于先要让动画动起来,先定义动画播放的延迟时间(animation-duration)和定义动画播放的次数(animation-iteration-count)这样就能动起来,动起来以后再来设置他怎么动(transform)。其中animation-name指定@keyframes,然后设置动画怎么动。

//html

<image class="img" src="XXX" style="animation-duration:
            {{duration}};animation-iteration-count: {{count}};" />

//css

.img {
    width: 208px;
    height: 208px;
    margin-bottom: 10px;
    animation-name: XXX;
}
@keyframes  XXX {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

请采纳。

已于2021-8-5 17:46:22修改
分享
微博
QQ
微信
回复4
2021-08-05 17:44:23
相关问题
Preferences不起作用
2283浏览 • 1回复 待解决
hilogprivate参数不起作用
4168浏览 • 1回复 待解决
轻量级智能穿戴右滑退出过于灵敏
1200浏览 • 1回复 待解决
设置状态栏颜色不起作用怎么回事?
333浏览 • 1回复 待解决
关于智能穿戴应用开发几个疑问?
8496浏览 • 2回复 待解决
求助关于 轻量级存储 中 storage_name
4668浏览 • 1回复 待解决
智能穿戴开发怎么关闭右滑退出?
1494浏览 • 1回复 待解决
智能穿戴如何启用后台任务?
898浏览 • 1回复 待解决