Discover Atmosphere With Us

If you’re someone who simply thought learning something completely new about atmosphere was as interesting as watching paint dry – think again!

For the purpose of this blog post we’ve happily created something that will go down a treat. And of course is fully responsive.

We’ve put together an educational presentation about atmosphere and its various sections which includes short descriptions and a bunch of interesting tips. Here you can jump aboard and take a ride with our rocket in full screen.

Untitled-1

The appealing and beautiful design is created by Freepik team. Thanks to them we have beautiful SVG objects that can be easily used for animations and transitions.

To create beautiful and smooth transitions and animations we decided to use “GreenSock Animation Platform“. Many will commonly know this animation platform as the “Swiss Army Knife” of animation. It manages to animates anything JavaScript comes into contact with (CSS properties, canvas library objects, SVG, generic objects, whatever). This versatile animation platform equally successfully solves a multitude of browser inconsistencies, all with impressive blazing speed (up to 20x faster than jQuery).

There were certain things which were created with SnapSVG JavaScript library such as the rocket flame at the bottom of the rocket.

Everything else was created with HTML and styled with CSS.

Now, I think it’s time to hop on our rocket and visit us at WordPressMoon and the Slicejack Space Station. You’ll travel through a few atmosphere layers and on your way there you’ll discover some interesting facts!

About Alen Vuletic