Interactions: Variable font effect
Variable font is something popular in recent years, Before variable fonts, each style was implemented as a separate font file. With variable fonts, all styles can be contained in a single file.
a simple hover variable font effect
A hover effect to change the weight of the text using variable fonts. This could be applied and use on CTA.
With a combination of GSAP split letters and timeline to animate and control the weight, creating this reveal-like effect which could be use on featured text or quote.
Every man dies. Not every man lives.
Example of a quote with
variable font effect
play
mouse move inside to control font weight
Using mousemove function and Linear Interpolation(LERP) in the javascript to control the weight of fonts. This effect could be use on featured text or CTA
But variable font has its own limitations due to browser compatibility and mostly depends on how much axes the font provided.
WIP...tbc
