我在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课程制作动画,那么问题可能是什么呢?