↵

I gave myself 21 nights to design and build my portfolio site from the ground up. This is what happened.(richard.gazdik.blog)

almost 6 years ago from Richard Gazdik, product designer at YouAte

  • Mike A.Mike A., almost 6 years ago

    Like, it Richard! Do you have any tip / workflow for SVG animations? What tools did you use for logo animation?

    0 points
    • Richard Gazdik, almost 6 years ago

      Thanks! Great question!

      I'm only using a code editor (I love Espresso and the current v5 version is a neat tool to edit your css/js/html code) to animate svgs. Actually, there are 2 ways to create an svg animation: using pure javascript or to apply some css rules to animate your svg elements with css transitions and transformations. I'm using a hybrid solution on the website: I use css transitions for the animations and start/stop/control the animation by toggling the css class on the inline svg element with javascript.

      1 point