next.js SVG路径未设置动画的问题

v9tzhpje 于 2022-11-23 发布在其他

关注(0)|答案(1)|浏览(158)

我有一个SVG，我试图动画，但它是不工作的一些原因。

这是我加载svg的组件

import { JapanMap } from "../illustrations/japanMap";

export default function Home() {
  return (
    <>
      <JapanMap />
    </>
  );
}

这是svg本身和css：
第一次
它没有动画的原因是什么？我对CSS不太熟悉。

1条答案

可能只是你的动画中的打字错误。在dash和offset之间不应该有-。
stroke-dash-offset: 0;变为：

@keyframes draw {
  to {       
    stroke-dashoffset: 0;
  }
}

第一次