Future CSS Tip! 🔮 You can anchor an element to multiple elements with anchor positioning .anchored { top: anchor(--a-1 bottom); left: anchor(--a-2 right); } Combine it with CSS mask to create some "Supercharged CSS ⚡️" Watch the debug below 👀 CodePen.IO link below! 👇

Here's that @CodePen link! 🚀 Remember, you'll need to be in Chrome Canary to see this in action 🤙 Was reminded of this demo after @chriscoyier showed the Vercel charge lines in a Spark edition. Slowly uploading my CSS Day demos 😅

@CodePen Dude where do you get these ideas? I need an infusion of your imagination

@CodePen Jus' keep on playing and riffing on things I've built or put together and take it from there I guess 😅 It definitely ebbs and flows but I keep a backlog of ideas and notes if ever I jus' wanna make something random

@CodePen This is some mind blowing stuff that's coming. It's crazy what we can do now and days compared to 10 years ago.

@CodePen I feel lucky because I don't know those times 😅 I came in a little later and started playing with animations and 3D transforms as my introduction to CSS

@CodePen Great tip! These new features are amazing 🙌

@CodePen Looking forward to them being more widely available as I'm sure people will come up with some really cool uses for them 💯🚀

@CodePen Did you make the above animation?

@CodePen I did! With a little HTML and some CSS ✨

@CodePen Awesome tip. Thanks a lot and keep up

@CodePen Do my best! 🙏