请选择 进入手机版 | 继续访问电脑版
 找回密码
 立即注册
搜索

开发问题 快应用动画

3
回复
1289
查看
[复制链接]

4

主题

11

帖子

75

积分

 楼主| 2020-5-11 17:55:06 显示全部楼层 |阅读模式
请问一下,快应用中@keyframes规则不支持top跟left吗,想让一个小球上下晃动可以怎么实现呢?类似于蚂蚁森林的能量球效果
回复

使用道具 举报

3

主题

8

帖子

55

积分

2020-5-12 14:06:55 显示全部楼层
.animation{ width: 100px; height: 100px; border-radius: 50px; background-color: #dd3456; animation-name: up_down; animation-delay: 0ms; animation-duration: 2s; animation-timing-function: ease-in; animation-iteration-count: infinite; } @keyframes up_down { 0%{ transform: translateY(10px); } 50%{ transform: translateY(0px); } 100%{ transform: translateY(10px); } }
是这种效果么?
回复

使用道具 举报

4

主题

11

帖子

75

积分

 楼主| 2020-5-15 13:46:15 显示全部楼层
ICENZHAO 发表于 2020-5-12 14:06 .animation{ width: 100px; height: 100px;
嗯嗯 是的 实现了 谢谢
回复

使用道具 举报

3

主题

8

帖子

55

积分

2020-5-15 19:23:35 显示全部楼层
wyc 发表于 2020-5-15 13:46 嗯嗯 是的 实现了 谢谢
不客气
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册