Witam, chcę zrobić przycisk typu "play/pause" w SVG. (Kodu nie będę zamieszczać, bo to tylko dwa krótkie "path-y".) Zamierzam jakoś go ciekawie zanimować, żeby po kliknięciu trójkąt płynnie przechodził w dwa pionowe prostokąty. Tak samo w drugą stronę. Nie wiem TYLKO jak to zrobić. Wiem że SVG można animować za pomocą elementu <animate/> i css-owych @keyframes-ów.
Które rozwiazanie wybrać?
Które będzie najlepiej (jeśli w ogóle) współpracować z javascriptem (przełaczanie pomiędzy stanami play/pause z użyciem tychże animacji)?
Które będzie najmniej mocoobliczeniowożerne?
A może są jeszcze inne rozwiązania?
Proszę o pomoc. Niby taki mały niewinny przycisk, a mnie wykańcza.