Using Rich text components to create clickable hotspot area

Revisited my old project, putting this out here to see if anyone is creating interesting stuff.

I love using the Rich text Component with HTML code to create polygon clip path which I hide it using visibility and treat it like a hotspot to click over a background image.

<div style="opacity:50%; width: 200px; height: 400px; background-color: red; position: absolute; clip-path: polygon(30% 0%, 100% 0%, 100% 90%, 50% 100%, 0% 50%); top:350px; left: 200px;">

2 Likes