无法使用css在svg中为g类设置动画

时间:2015-06-15 18:44:15

标签: css animation svg

我在svg中创建了一些线条和路径,我想用左右简单的过渡动画。我在插画家中创建了svg,在我的代码编辑器中导出并清理它,为所有g提供了一个类名。例如:

<g class="T_h"><line x1="59" y1="240" x2="59" y2="285" class="style0"/></g>

我试图使用css动画这个特定的行;

@-webkit-keyframes slide {
0%   {left: 0; top:0;}
100% {left: 50px; top: 0;}
}

.T_h {
animation: slide 2s ease-in-out;
}

但它不起作用。它适用于div类,但不适用于g类。但我知道有可能为g课程制作动画,那么问题可能是什么呢?

0 个答案:

没有答案