悬停（鼠标悬停）时生成旋转的动画效果

根据光标的位置建立旋转机制。 

在本教程中： 

1. 树立正确的观点
2. 创建触发元素
3. 为旋转运动制作动画
4. 设置默认状态
5. 添加特殊效果以进行强调

树立正确的观点

1. 确保动画的目标元素的祖先元素被选中
2. 在 样式面板 在下面 过渡和变换，修改 儿童视角 至 1000 像素

创建触发元素

1. 选择要用作触发器的特定元素（如卡片）
2. 在里面 交互面板，点击 选定元素 并选择 鼠标在元素上移动 从下拉菜单中

为旋转运动制作动画

1. 访问 交互面板 > 鼠标移动时 > 行动 > 启动鼠标动画
2. 点击旁边的加号 鼠标动画
3. 命名（例如，悬停旋转）
4. 点击时间线下方的加号 鼠标X操作 在 0% 并选择 旋转
5. 在里面 旋转 部分，将 y 轴调整为 -5 度
6. 选择 卡片元素 在 100% 和 旋转 场，将其 y 轴改为 5 度
7. 添加 旋转 采取的行动 鼠标 Y 动作
8. 0% 于 旋转，将 x 轴设置为 5 度
9. 在 100% 旋转，将 x 轴设置为 -5 度
10. 完成动画调整以完善 平滑

设置默认状态

1. 在里面 交互面板 在下面 鼠标移动时，定义鼠标X位置为50%
2. 将鼠标 Y 位置设置为 50%

添加特殊效果以进行强调

1. 放置新的 分区块 到画布上相应的元素（卡片）
2. 创建一个 班级 并指定一个名称（例如 Card-highlight）
3. 设置其尺寸（例如 400 像素）并将位置设置为绝对
4. 从左上角开始定位
5. 选择合适的 背景颜色 （例如白色）
6. 修改 半径 在下面 边界 至 50%
7. 调整 不透明度 至 10% 下 效果
8. 应用 模糊 过滤并改变 半径 至 50 像素
9. 在里面 交互面板， 挑选 悬停旋转
10. 在里面 小鼠X时间线 在 0%，包括一个 移动 动画并将其 x 轴设置为 100%
11. 在里面 小鼠X时间线 在 100%，纳入一个 移动 x 轴设置为 -50% 的动画
12. 为了 鼠标 Y 时间线 在 0%，整合一个 移动 动画并将其 y 轴调整为 50%
13. 在100% 鼠标 Y 时间线，应用 移动 动画并将其 y 轴修改为 -50%

在预览模式下查看您的进度。