With the help of `mix-blend-mode`, the effect where a fixed or sticky element switches colors based on the background it’s over is really easy to do! There are a few important things to take into account with it, but it’s nothing difficult to deal with!
🔗 Links
✅ More on position sticky: • A couple of cool things you can do wi...
✅ More quick CSS tips and tricks: • Useful CSS tips & tricks
⌚ Timestamps
00:00 - Introduction
00:28 - Initial setup
00:46 - Making the logo stick
02:07 - Adding mix-blend-mode
03:44 - Making sure it works everywhere
04:56 - Using an image instead of text
#css
--
Come hang out with other dev's in my Discord Community
💬 / discord
Keep up to date with everything I'm up to
✉ https://www.kevinpowell.co/newsletter
Come hang out with me live every Monday on Twitch!
📺 / kevinpowellcss
---
Help support my channel
👨🎓 Get a course: https://www.kevinpowell.co/courses
👕 Buy a shirt: https://teespring.com/stores/making-t...
💖 Support me on Patreon: / kevinpowell
---
My editor: VS Code - https://code.visualstudio.com/
---
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, make sure to follow me on Instagram and Twitter.
Twitter: / kevinjpowell
Codepen: https://codepen.io/kevinpowell/
Github: https://github.com/kevin-powell
---
And whatever you do, don't forget to keep on making your corner of the internet just a little bit more awesome!
Watch video Dynamic color change while scrolling with CSS online without registration, duration hours minute second in high quality. This video was added by user Kevin Powell 25 April 2023, don't forget to share it with your friends and acquaintances, it has been viewed on our site 70,487 once and liked it 3.8 thousand people.