html - CSS 中的可点击图像

Question

我想知道是否可以在 CSS 中使图像在特定点上可点击。当我的图像不是正方形或圆形时，只喜欢它边缘内部的部分。

这张图片:

更新了图片..

Answer 1

在 CSS 中，最好的办法是尝试使用 CSS transform properties 来操纵 anchor 。 ，但我怀疑您是否会获得预期的效果。了解图像是什么以及可点击区域可能会让该网站上的人们更好地了解什么是使用转换属性的最佳解决方案。

但是使用 HTML，您可以通过使用 image map 来实现此效果.这是推荐的解决方案，但不符合 CSS 要求。

另外 2 个选项是 canvas或 SVG但我不会在这个答案中详细讨论这些。