BlueMountain

Great!, Thanks a lot

Ok Rodrigo, thanks, I try with this code, i have my animation, maybe, we can do with an other code, how can i do a pause before reverse? https://codepen.io/bluemountainteam/pen/XWpNKez

Hi PointC, OK now the color is good, thanks , i search to use reverse, once animation launched i would like to have a delay between the 2 animations. i try some tries, but nothing good .pause().reverse() or .play().plause(2).reverse() Thanks a lot

Ok, now i progressed, you help me a lot , but i have a problem to keep origin color: https://codepen.io/bluemountainteam/pen/XWpNKez MorphSVG doesn't keep color ? must i use style css? In the code, the icon save and check are green.

Ok i understand, thanks for your answer PointC

Thanks for your help I create a code Pen with 2 SVG https://codepen.io/bluemountainteam/pen/XWpNKez I ask me if my SVG can be more complicated for MorphSVG

Hi, I am new user for GreenSock, i try to use MorphSVG (license Business). I have this warning: app.js:102 Invalid property MorphSVG set to #fax Missing plugin? gsap.registerPlugin() import { gsap } from "gsap"; import { Flip } from "gsap/Flip"; import { MorphSVGPlugin } from "gsap/MorphSVGPlugin"; gsap.registerPlugin(Flip, MorphSVGPlugin); gsap.to("#copier", {duration: 1, MorphSVG: "#fax"}); my html <svg version="1.1" id="copier" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="85.969px" height="85.813px" viewBox="0 0 85.969 85.813" enable-background="new 0 0 85.969 85.813" xml:space="preserve">....</svg> <svg version="1.1" id="fax" style="visibility: hidden" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="85.969px" height="85.813px" viewBox="0 0 85.969 85.813" enable-background="new 0 0 85.969 85.813" xml:space="preserve">....</svg> I don't understand why i have this error, i already search in the forum. Any idea? Thanks a lot