-
Fun with text-decoration: codepen.io/mirisuzanne/pen/PoYbXPJ?editors=1100 Supported in FirefoxNightly - partial in Safari. Works great as a progressive enhancement if you're careful with negative offset (Safari claims support, but clamps the value at 0). Added it to miriam.codes as well.
-
FirefoxNightly The codepen demo includes a non-safe use of negative offset, as well as fallbacks for FF beta with feature-flag turned on (reversed pos/neg offsets) - which is not really worth supporting…
-
Note the interesting relationship between
text-decoration-thickness
andtext-decoration-skip-ink
– the space around text grows to match the line thickness. -
With careful use, you should be able to ditch most background-gradient hacks! (I guess I'll understand if you wait for it to land in a stable browser first…)