CSS Coding Challenge - Pyramid Animation (INSANE)

Watch me challenge by building a desert animation with just HTML & CSS using a variety of CSS concepts like flexbox, clip-paths, polygons, circles, keyframe animations, background colors, relative and absolute positioning and a lot more.

Thanks for reading this far!

This is NOT a video showcasing projects as seen on Sebastian Lague, aarthificial, Code Bullet, Poly Mars, Michael Reeves and NOT a coding or programming tutorial in Java, JavaScript, Python, HTML, CSS, SQL, C# as seen on freeCodeCamp, Programming with Mosh, Tech with Tim, The Coding Train, Web Dev Simplified, NeuralNine, Ben Awad, developedbyed. This is a video similar to the TOP TECHNOLOGIES TO LEARN, the HIGHEST PAYING TECH SKILLS and the MOST IN DEMAND TECH SKILLS.

🍿 WATCH NEXT:

- 6 Side Hustles to Make Money as a Developer (2024) -    • 6 Side Hustles to Make Money as a Dev...  
- 10 GAME CHANGING Websites Software Engineers Wish They Knew Sooner -    • 10 GAME CHANGING Websites Software En...  
- 7 Resources to Master Web Development in 2024 -    • 7 Resources to Master Web Development...  
- Watch this if you feel like you suck at coding -    • Watch this if you feel like you suck ...  

🔗 LINKS MENTIONED:

- Codepen - https://codepen.io/aditya-ravi/pen/KK...

MY OTHER SOCIALS:
💻 GitHub: https://github.com/AdityaRavi
📸 Instagram -   / breakthecodeyt  

WHO AM I?

If we haven’t yet before - Hey 👋 I’m Adi, a Mechatronics & Software Engineer with over 4 years of industry experience. On this channel, I focus on two things:

1. Documenting my journey through tech by posting videos about projects I've built or topics that I am exploring.
2. Assisting, educating, mentoring, and inspiring beginners in tech by focusing on the things I wish someone had taught me at the start of my career.

⌚️TIMESTAMPS:
00:00 Intro - 100 Days CSS
01:45 - Building the frame
05:35 - Building the sky
06:42 - Building the sand
07:34 - Building the pyramid
12:53 - Pyramid side animations
16:05 - Shadow animation
18:27 - Building the sun + animation
24:23 - Frame fading animation