animacja nie działa

Question

Macie pomysł czemu animacja płomyka nie działa? (mam nadzieję że dobrze się skopiowało)

Rocket (codepen.io)

Answer 1

Wrzuć do klasy sky overflow:hidden; żeby Ci chmury nie wychodziły poza kółko.

Przerzuć deklaracje animacji z klasy flame do klasy rocket_flame a samego diva o klasie flame to usuń bo tam nic nie ma.

Wyrzuć tego transform:rotate(45deg); z klasy rocket_flame.

W w animacji flame zrób tak 
  50%{transform:scale(1.2) rotate(45deg);}

Answer 2

.flame to pusty div więc co ma się animować?

.rocket_flame to Twój obiekt

Comments

Jak daję do niego animację  to się obraca