[Fly-out] — Hit areas using `clip-path`

[ffoodd]

Inspired by @hakimel's demonstration video on Twitter, I think we could improve the hit area using pure CSS :)

And keep progressive enhancement in mind, obviously <3

[ffoodd]

Also known as "Safe triangles", here's "Better context menus using safe triangles" on Smashing Magazine.

[ffoodd]

Ahmad Shadeed came up with a brilliant and simple solution in his Designing better target size post.