The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Really interesting hover interaction that Microsoft has on their microsoft.design homepage. Have you ever implemented something like this in one of your projects?
@Ljubomir Bardžić this hover is a trend now
@Arsène S wow! Looks great! Is it just adjusting a variable font across one of the axis, or is it changing to a completely different font on hover?
@Ljubomir Bardžić thank you so much! 😍🙏 I used a variable font with tons of different axes because I wanted to keep a smooth, animated transition between different styles when hovering :)
@Ljubomir Bardžić really wow! Will definitely love to check it out. Achieving this requires lots of work 😂 maybe coz of the way I am thinking about it.
@Jesutofunmi Oluwalade If a variable font has a bunch of different axes, then doing this is quite simple, you just split each letter into it's own span and define a hover state. Even switching to a different font shouldn't be an issue, although it might slow down the page load if you add a lot of different font files just for this effect.
@Ljubomir Bardžić Oh ok. i think i understand now
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Trending
aivideo
AI video tools are moving at warp speed. Which ones are you experimenting with?
illustration
Handcrafted illustration is bubbling up across the web. What are you drawing lately?
aidesignflow
AI tools are redefining design work. What's your current workflow?
returntonature
Spring is a reset for creativity. What’s inspiring you outside the screen right now?
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?