Most textual highlights use a boring rectangle background color, but this stands out and looks gorgeous. I was really hoping they were using a simple
<mark> tag to accomplish this and was happy to learn that they are. The markup is as simple as it could be:
Just <mark>highlight</mark> it!
And the styles are simple too:
background: linear-gradient(-100deg, hsla(48,92%,75%,.3), hsla(48,92%,75%,.7) 95%, hsla(48,92%,75%,.1));
border-radius: 1em 0;
This is officially my new favorite highlight style!