SVG Rhombus Animation erweitern, wenn geklickt wird

Question

Ich baue eine Website und der Kunde möchte eine rhombus/rautenförmige Schaltfläche mit Text darin, und wenn es angeklickt wird, sollte es größer werden und den anderen Inhalt nach unten drücken.

Ich denke, der beste Weg, um es zu tun wäre in SVG, aber ich habe keine Erfahrung damit. Das wäre einfach, wenn ich nicht die rhombusförmige Form hätte, was mir Kopfschmerzen bereitet :)

Gibt es eine einfache Lösung oder könnten Sie mich in die richtige Richtung führen? Das ist, was der Kunde will: rhombus button

Answer 1

Versuchen d3 js. Mit js können Sie fast alles erreichen, was Sie wollen.

Sie können die gallery für Beispiele überprüfen.

Möglicherweise gibt es bessere Möglichkeiten, es zu tun.