I'm using the
<mark> HTML element to highlight various words in a paragraph, and I'm trying to make it look like someone went over it with an actual marker, vs something symmetrical like a computer would do.
Irregular edges, various opacity across the mark.
So far I've toyed with setting a random
border-radius: for each corner, and
background-image:linear-gradient(to right, ...); and while those two combined are close, it just doesn't look quite right:
Does anybody have any ideas?