How to Add & Animate Your SVG Logo Inside Your Global Header with Divi’s Theme Builder & Anime.js

Posted on July 28, 2020 by in Divi Resources | 5 comments

How to Add & Animate Your SVG Logo Inside Your Global Header with Divi’s Theme Builder & Anime.js
Premade Layouts

Check Out These Related Posts

5 Comments

  1. Love that tutorial. Thanks for walking through how to create that. I want to implement that on my own site and a few others that I’ve done the branding for. The SVG animation looks like it works really well for simple icons. Do you think it would get overwhelming if using it on longer names?

  2. Thank you Donjetë, We have always wanted more in terms of how the logos should be presented whenever we design for our clients’ websites. With this new addition to our design toolbox, my agency will produce more beautiful looking websites for our clients.

  3. This is great! My only question is will this create a risk of security breech? I read somewhere that SVG files can cause issues with the security of one’s site and make it more vulnerable for attack. Is this true?

  4. Hi, Donjete Vuniqi

    Thank you very much for this tutorial!
    Now I created my first SVG logo!

    PS. One little thing in the text.
    You wrote about; ‘We’re generating a bottom overlap as well by modifying the spacing settings…
    and there the text should be … Top Margin: 5% … and …Bottom Margin:…’ as correctly shown in the image ; )

  5. Do you think by using Javascript that it may slow down page speed, especially since it’s happening at the top of the page?

Leave A Reply

Comments are reviewed and must adhere to our comments policy.

Join To Download Today

Pin It on Pinterest