Войти
  • 58598Просмотров
  • 6 месяцев назадОпубликованоKevin Powell

Create this trendy blurry glass effect with CSS

🔗 Links ✅ Finished code: ✅ Starting code: ✅ I've got courses! ✅ Josh's article: ✅ The design was inspired by Hayder Mekonnon Yimer: ⌚ Timestamps 00:00 - Introduction 00:40 - Starting with a simple border 02:00 - Subtle radial gradients are important 04:30 - Subtle gradient border 08:55 - Making the background transparent 16:35 - The glassy effect #css ✉ Keep up to date with everything I'm up to 💬 Come hang out with other devs in my Discord Community ⭐ Are you a beginner? HTML & CSS for absolute beginners is for you: 🎓 Start writing CSS with confidence with CSS Demystified: [ ]( ) 🚀 Already mastered CSS? Check out my advanced course, Beyond CSS: --- Help support my channel 👨‍🎓 Get a course: 👕 Buy a shirt: 💖 Support me on Patreon: or through YT memberships: @KevinPowell/join --- 🧑‍💻 My editor: VS Code - 🌈 My theme: One Dark Pro Var Night 🔤 My font: Cascadia Code --- I'm on some other places on the internet too! If you'd like a behind the scenes and previews of what's coming up on my YouTube channel: Bluesky: Codepen: Github: --- And whatever you do, don't forget to keep on making your corner of the internet just a little bit more awesome!