CSS by T. Afif Feb 3

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.

#CSS #HTML

Show threadNick 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
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/).

Future Fonts
Feb 3 at 5:37pmWeb
Show threadRoel NieskensFeb 3
@nicksherman @css A match made in heaven!