扩大SVG的某些部分

Question

我正在试图使火箭在基地发生火灾，因此它看起来像火正在燃烧。

我想要做的是扩大火焰的高度，然后再次降低它，使我看起来像是在燃烧。

我正在使用SVG图像并使用关键帧来完成它。

.fire{
  animation: fire_effect 1s infinite;
}          
@keyframes fire_effect 
{
  0%   {transform: scale(1,1);}
  100% {transform:scale(1,1.5);}
}

但它没有得到扩大，事实上它已经下降了。请帮助我如何增加火灾的高度 我有一个代码笔，在这里 http://codepen.io/eugeneprateek/pen/WwqVaE

Answer 1

您无法在“g”标记上添加样式效果，尝试在“g”标记内的两个“polygon”标记上移动类别分配

Answer 2

在这种情况下只需使用transform-origin: top;。

我试过你的笔，它可以正常工作。