加入官方微信群

使用微信扫描二维码
或搜索 weweloo 添加微信好友

返回
网页编辑器
MooKwai块交互交互动画初体验

交互动画初体验

动画管理是在元素事件与页面事件中的功能,你可创建自定义动画并通过事件来触发动画的播放、回放等。

文章目录

创建一个动画并绑定事件

在区块的交互面板中的元素动画里 “创建新事件”,点击事件进入事件管理面板。

在动画管理中点击 “创建时间轴动画” 按钮创建一个新的动画,动画创建后会打开动画的时间轴设置面板。在时间轴设置面板的左上方点击“添加”按钮添加一个动画片段。

点击动画片段后,右侧的面板会弹出动画片段的设置界面,设置动画相关属性

元素动画的目标选择器默认为该区块,同时你也可指定其他目标选择器,选中你想要设置动画的元素区块点击区块工具栏 “复制/粘贴” 按钮点击 “复制区块类名” 然后粘贴到目标选择器输入框中,点击回车按钮确认。同时你也可以为区块设置自定义类名并粘贴到目标选择器输入框中。

在事件列表中选择需要执行的动画并选择触发机制

使用微信扫描二维码
或搜索 weweloo 添加微信好友

加微信
进群聊聊(๑•̀ㅂ•́) ✧