How To Build A Visual Editor For CSS Box Shadow

From the creator

🚨 IMPORTANT: Learn CSS Today Course: https://courses.webdevsimplified.com/learn-css-today?utm_medium=video-description-no-mention&utm_source=youtube&utm_campaign=css-visual-editor CSS box shadow is difficult to understand and deal with, so in this video we are going to build a visual editor which will make creating box shadows incredibly easy. This is a really fun project which covers a ton of different techniques and best practices that you won't want to miss. 📚 Materials/References: GitHub Code: https://github.com/WebDevSimplified/CSS-Box-Shadow-Visual-Editor CodePen Code: https://codepen.io/WebDevSimplified/pen/MWwbodd Emmet Tutorial: https://youtu.be/V8vizNQKtx0 🧠 Concepts Covered: - How to use CSS custom properties in JavaScript - How to center elements vertically - Flexbox layout tricks 🌎 Find Me Here: My Blog: https://blog.webdevsimplified.com My Courses: https://courses.webdevsimplified.com Patreon: https://www.patreon.com/WebDevSimplified Twitter: https://twitter.com/DevSimplified Discord: https://discord.gg/7StTjnR GitHub: https://github.com/WebDevSimplified CodePen: https://codepen.io/WebDevSimplified #WebDevelopment #WDS #CSS

Published 2020-02-29 · Watch on YouTube ↗
Availability and playback restrictions are controlled by the original channel.