I have a triangle with a javascript function that moves that image.
The issue is that the element has a square shape so click and hover state are triggered ouside the triangle (see the red part in following image) :
![CSS triangle with wrong hover and click zone](https://i.stack.imgur.com/zYIS7.png)
How can I prevent hover and click outside the triangle shape and allow click/hover state only inside the triangle shape?
See Question&Answers more detail:
os 与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…