Reverse Engineer Google’s NASA Dart Easter Egg with CSS

Learn how to implement Easter eggs on your website like Google by reverse engineering the NASA Dart animation effect. Let’s code an image that flies in from the left side of the screen, explodes, then tilts the website using nothing but plain HTML and CSS.

#css #tutorial #nasa

Use code BLASTOFF to get 30% off a Pro Membership

[bobthebuilder]

Thanks for breaking down that Easter egg! Please do the Bat-signal next!

[AByteofCode]

Last stretch to 100k and beating the record for fastest programming channel to go from 0 to 100k!

[Brunoenribeiro]

"we need to PROGRAM some html"

cheeky bastard ❤️

[marwenlabidi_dev]

Thank you for this great quality content ❤️

[charlierick]

Love the new channel, congrats on fulfilling your lifelong dream of 100K

[WillJackDo]

Congrats on 100k!! Finally, you're getting some real exposure...

[BamboozeldGG]

Nice to see the devs paying attention to space flight

[shashikantmarskole]

thank you for quick and quality content.

[.j]

But google is using a canvas for the crash animation and rotating the whole body by 1 degree. I checked inspect element

[greatfiredragon]

Thank you so much! Your videos make me smile be and think ❤️🧡💛💚💙💜

[iuashrafi]

can you please break down Yolele product page! Thanks 🙏

[sonmangaking]

What a way to start my weekend gonna code this up thanks 😊

[flaguser]

now we just need a digitized bruce willis to prevent the website from crashing

[frittex]

You don't have to end the first anim at 50% and start the other at 50%! You can just use animation delay, and start the second anim after the first one finished

[nomadshiba]

you can use timing function to shake the site too

[mikeverlinde]

Where do you get the gifs from for your video's? And permission to use them

[juliocodes]

Forwards is actually the animation-fill-mode, not the direction. Good stuff though 🙌

[ZbeastVIP]

when is the react course being released?

[nocturno]

Wow my fav engineer. I was impressed the first time I saw you mentioning about flat earth. Regards

[aniruddharao]

Didn't know about the animation direction property. Nice