Published On Sep 14, 2024
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