Streaming live at 10am (PST)

How do you make a slanted highlighter on a text block?


I’m trying to achieve text highlighter effect on a piece of text like in this screen shot

So far, I’ve been using spans. I can apply an appropriate background color to the piece of text I want to highlight. However, I can’t figure out how to achieve the slant/tilt of the color. Been trying to apply skew to the span but it has no effect.

Does anybody know how I might achieve a slanted highlighter effect?


Here is my site Read-Only: LINK
(how to share your site Read-Only link)

can you share the read only link?


I would just duplicate your angle Div (purple skew) behind the Text Span? Just set your Zs accordingly.

1 Like