vue js修改动画样式

要修改 Vue.js 动画的样式，你需要在 CSS 中定义相应的样式类，然后在 Vue.js 动画的过渡中使用这些类进行动画效果的展示。

例如，你可以定义一个样式类叫做 `.fade-enter-active`，表示动画进入时的状态，然后在 Vue.js 的 `<transition>` 中使用这个类：

<transition name="fade">
  <div v-if="show">Hello World</div>
</transition>

其中，`name` 属性指定了动画的名称。接着在 CSS 中定义 `.fade-enter-active` 样式类：

.fade-enter-active {
  transition: opacity 0.5s;
}

这里的 `transition` 属性指定了在 `0.5s` 时间内完成 `opacity` 属性的变化，从而实现了渐变的效果。你也可以根据需要定义其他的样式属性，来实现不同的动画效果。

除了 `.fade-enter-active` 外，还有一些其他的样式类，例如 `.fade-enter`、`.fade-leave-active`、`.fade-leave-to` 等，它们分别表示动画进入时的起始状态、动画离开时的结束状态等。你可以根据需要在 CSS 中定义这些样式类，来实现不同的动画效果。