关于HTML中的三角形，我看到了使用边框，翻译等的解决方案，但没有人解决这个问题：如何设置仅指向三角形区域的链接？

8tntrjer 于 12个月前发布在其他

关注(0)|答案(1)|浏览(98)

此问题在此处已有答案：

How do CSS triangles work?（23个回答）
9天前关闭
此帖子已于9天前编辑并提交审核，未能重新打开帖子：
原始关闭原因未解决
我想创建一个三角形，并设置一个链接（改变光标等）只到这个三角形的可见区域，离开透明区域不变，不链接。
所有的解决方案here，我试图修改，但光标和链接都在所有的矩形区域，而不仅仅是在可见的三角形.有没有可能做到这一点？

Html

来源：https://stackoverflow.com/questions/77713244/about-triangles-in-html-i-saw-solutions-using-borders-translate-etc-but-no-o

1条答案

按热度按时间

eeq64g8w1#

使用剪辑路径

div {
  width: 200px;
  aspect-ratio: 1;
  background: red;
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}

div:hover {
  background: green;
}

个字符

赞(0）回复(0）举报 12个月前

我来回答

关于HTML中的三角形，我看到了使用边框，翻译等的解决方案，但没有人解决这个问题：如何设置仅指向三角形区域的链接？

1条答案

相关问题

热门标签

最新问答