我正在尝试让火箭在其底部生火,以便看起来像是在燃烧着大火。
我要做的是扩大火的高度,然后再降低它,以使我看起来像在燃烧。
我正在使用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] 删除。
我来说两句