antd dropdown 下拉项消失动画

Ant Design (antd) 的 Dropdown 组件默认提供了一些下拉菜单的交互效果，包括展开和关闭动画。当Dropdown展开时，通常会有淡入或滑动的效果；关闭时则有淡出或滑回原位的效果。具体的动画配置可以通过 `dropdown` 配置项来调整，比如设置 `transitionName` 属性来自定义过渡动画名称。

例如，你可以这样配置一个简单的渐变消失动画：

<Dropdown transitionName="customDropAnimation">
  <Button>点击展开</Button>
  <DropdownMenu>
    ...
  </DropdownMenu>
</Dropdown>

// CSS 或 SCSS 示例:
@keyframes customDropAnimation-enter-active,
@keyframes customDropAnimation-leave-active {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

.customDropAnimation-enter,
.customDropAnimation-leave-to {
  opacity: 0;
}

在这里，我们创建了两个关键帧动画 (`customDropAnimation-enter` 和 `customDropAnimation-leave-active`) 来控制下拉框的进入和离开状态。然后在 `transitionName` 中指定这个自定义动画，使得Dropdown在打开和关闭时应用这个动画。

如果你想改变动画的具体细节，如平移、旋转等，可以继续细化 CSS 动画规则。