css Audio - Active file-generic CSS - Active Generic - Active HTML - Active JS - Active SVG - Active Text - Active file-generic Video - Active header Love html icon-new-collection icon-person icon-team numbered-list123 pop-out spinner split-screen star tv
CodePen probably won't work great in this browser. We generally only support the major desktop browsers like Chrome, Firefox, Safari, and Edge. Use this one at your own risk! If you're looking to test things, try looking at Pens/Projects in Debug View.
user profile image

A little animation of a spaceship landing on what may not have been an uninhabited planet.


  1. Very nice :D

  2. Sweet, love it!

  3. @mgitch i love the easing in of the rocket as it gets closer to the planet. awesome!

  4. This is so awesome. Put a smile on my face.

  5. I certainly did not expect an alien to gobble up the rocket and conveniently remove the flag! :) Well done mate.

  6. @mgitch good work man. Landing was awesome ;-)

  7. Love this, seems that the Mars (planet) does not render properly in firefox when all the code is placed in a file (not viewed in codepen), shows up when I highlight the block level elements properly, not sure what the issue it, but renders well on chrome.

  8. @rekast it sounds like an environment setup issue. quick guess: you might not have autoprefixr, which is turned on in this pen

  9. Hahahahaha, nice.

  10. OMG! This is so cool!, Nice Work!

  11. perfect.

  12. This is so awesome.

    May I use this as a loading animation on my twitch stream? I will put credits on the screen for you? <3

  13. @Krinkldinkl sure! send me a link when you get it up

  14. This is the best thing ever. I love it :)

  15. Love this!

    @mgitch I hope you don't mind, I featured this as the first addition my space project supportnasa.

  16. This is sooooo cool!!! :D

  17. Love the simplicity! Very cool!

Leave a Comment Markdown supported. Click @usernames to add to comment.

You must be logged in to comment.