SVG菱形展開動畫點擊時

Question

我正在建立一個網站，客戶想要一個菱形/菱形按鈕，其中有文字，當它被點擊時，它應該變大並推下其他內容。

我想最好的辦法是在SVG中，但我沒有這方面的經驗。這很容易，如果它不是爲菱形打字的形狀，這是給我一個小頭痛:)

有沒有一個簡單的解決方案，或者你能指導我在正確的方向嗎？ 這是客戶想要的： rhombus button

Answer 1

嘗試d3 js。只有js，你幾乎可以實現任何你想要的東西。

例如，您可以檢查gallery。

可能有更好的方法來做到這一點。