如何使动画相对于父元素而不是主体移动？

要使动画相对于父元素而不是主体移动，可以使用CSS中的position属性配合top、right、bottom、left属性来控制元素的位置。

具体的步骤如下：

1. 确保父元素的position属性不是static，可以设置为relative或者absolute，以使其成为定位上下文。
2. 给需要移动的元素设置position属性为absolute或者fixed，使其脱离文档流。
3. 使用top、right、bottom、left属性来控制元素相对于父元素的位置。

例如，如果需要使一个元素向右移动20像素：

.parent {
  position: relative;
}

.child {
  position: absolute;
  left: 20px;
}

这样，元素.child将会相对于父元素.parent向右移动20像素。

如果需要使元素相对于父元素向上移动，可以使用top属性：

.parent {
  position: relative;
}

.child {
  position: absolute;
  top: -20px;
}

这样，元素.child将会相对于父元素.parent向上移动20像素。

需要注意的是，使用position属性进行定位时，元素会脱离正常的文档流，可能会影响其他元素的布局。所以在使用position属性时，需要谨慎考虑其影响。

对于动画效果，可以使用CSS的transition或者animation属性来添加过渡效果或者关键帧动画。具体使用方法可以根据具体需求进行调整。

关于腾讯云相关产品和产品介绍链接地址，可以在腾讯云官网或者相关技术文档中查询相关内容。