css - 如何创建于一个多边形，且能改变它的边框样式？

Question

想在网页上创建这么一个多边形，里面放置文字和图片。
要求是鼠标滑入，边框改变样式，且能和其他多个多边形相互拼接。
我尝试了能找到的多个方法，都无法实现。
新人刚入坑，请教各位dalao有什么好的方法可以实现这种要求？

Answer 1

谢谢各位，我找到自己想要的了。使用CSS Shape，可以制作任意图形的布局效果。

Answer 2

可以尝试绘制矢量图 推荐一个库rapheal

Answer 3

可以学一下canvs

Answer 4

我觉得可以用transform的3d变换做类似效果。这样应该是最简单的。但是可能不太容易完全做到你图中的效果，因为你的图不太符合透视。。。