CSS by T. Afif 
A CSS-only elastic hover effect, because why not?
https://css-tip.com/elastic-hover/
A chrome-only experiment using shape(), sibling-index(), linear(), etc.
A direction-aware and more realistic version.
phlp
Stephen
Roma Komarov@css nice! would be even better with the directional hover! https://kizu.dev/multi-directional-hover/
@kizu yes, good idea. Will try another implementation 😉
@css I imagine today, almost 14 years later after that experiment, it could be easier to achieve :D
@kizu maybe not. Looks like we always need many "elements" to catch different hover but I will see If I can avoid adding more elements to my existing markup.
@kizu kind of doable: https://codepen.io/t_afif/pen/xbOzxyp/955a11790fe0de9c7428c98b9fc1f0ad but I need to clean the code a little.
Nick Sherman@css @pixelambacht Ok now I definitely need to try this out with the Shop Sans Curve variable font and animate its curvature axis along with the bouncy baseline.
https://www.futurefonts.com/hex/shop-sans
https://www.futurefonts.com/hex/shop-sans
Shop Sans by HEX - Future Fonts
Shop Sans is a typeface for setting text on circles and curved text paths. Its ‘Curve’ variable font enables adjustments to optimize details for bending type smoothly with an adjustable radius. The normal non-curved variant can also be used in standard settings. The design channels a general workaday feeling from 20th-century commercial and industrial lettering that is blunt and plainspoken but not sterile. Designed by Nick Sherman (https://nicksherman.com/) at HEX Projects (https://hex.xyz/).
Roel Nieskens@nicksherman @css A match made in heaven!
Florian Bögner@css Super nice effect! Which part is Chrome only? Safari seems to support all relevant parts as well.
@florianboegner I cannot test with Safari so I don't know. If it works there, then good.