SVG菱形展开动画点击时

Question

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

我想最好的办法是在SVG中，但我没有这方面的经验。这很容易，如果它不是为菱形打字的形状，这是给我一个小头痛:)

有没有一个简单的解决方案，或者你能指导我在正确的方向吗？ 这是客户想要的： rhombus button

Answer 1

尝试d3 js。只有js，你几乎可以实现任何你想要的东西。

例如，您可以检查gallery。

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