放大SVG的某些部分

普拉泰克

我正在尝试让火箭在其底部生火,以便看起来像是在燃烧着大火。

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

我正在使用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

平板电脑

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

我尝试在笔内部使用,并且可以根据需要正常工作。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章