The latest articles on DEV Community by Caroline Artz (@carolineartz). https://dev.to/carolineartz https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F106292%2Fc1e042ad-71ea-460a-9b9c-685f8bd1c7dc.jpeg https://dev.to/carolineartz en Caroline Artz Sun, 12 Apr 2020 15:25:40 +0000 https://dev.to/carolineartz/bongo-cat-codes-2-jamming-41ph https://dev.to/carolineartz/bongo-cat-codes-2-jamming-41ph <p>This is my codepen of Bongo Cat listening to some jams by animating SVG <br> with <a href="https://greensock.com/%20%%7D">GSAP</a>. </p> <h2> Variation with JavaScript (GSAP) </h2> <p><iframe height="600" src="https://codepen.io/carolineartz/embed/qBOEzQa?height=600&amp;default-tab=result&amp;embed-version=2"> </iframe> </p> <p>I previously did a version with CSS for animation. Comparing the two options, I prefer the JS approach -- much easier to update!</p> <h2> Variation with CSS </h2> <p><iframe height="600" src="https://codepen.io/carolineartz/embed/VwYwZaP?height=600&amp;default-tab=result&amp;embed-version=2"> </iframe> </p> javascript css webdev svg