点击时SVG菱形展开动画

Question

我正在建立一个网站，客户想要一个带有文字的菱形/菱形按钮，当点击它时，它应该变得更大并压下其他内容。

我想最好的方法是使用SVG，但我没有经验。如果它不是菱形的形状，这很容易，这让我头疼不已：）

对此有一个简单的解决方案，还是可以引导我朝着正确的方向前进？ 这是客户想要的： rhombus button

Answer 1

尝试d3 js。只用js就能实现你想要的任何东西。

您可以查看gallery示例。

可能有更好的方法来做到这一点。