CSS Coding Challenge - Pyramid Animation (INSANE)

Adi Ravi
Adi Ravi
1 هزار بار بازدید - 5 روز پیش - Watch me challenge by building
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 - codepen.io/aditya-ravi/pen/KKjWPZQ MY OTHER SOCIALS: 💻 GitHub: github.com/AdityaRavi 📸 Instagram - www.instagram.com/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 anim
5 روز پیش در تاریخ 1403/06/24 منتشر شده است.
1,002 بـار بازدید شده
... بیشتر