Inserting Javascript animation into the header


#1

The code is here: http://tympanus.net/codrops/2014/09/23/animated-background-headers/

I’ve pasted it into the javascript box but don’t know how to trigger it in the header. Anyone have any idea how to do this? Thank you!


#2

Hey there Laura,

I’m going to send you an email to get a bit more information and hopefully I’ll be able to give you some insight on how to make this work :slight_smile:

Keep your eyes open for my email!


#3

Hi Meghan 

would you mind sharing the information on how to set it up?


#4

Hey there GRSM! 

The above post was specific to that particular Typhanus Javascript animation. Many Javascript animations work really nicely on Unbounce pages - you can target the specific page section by using the ID we assign, which you can find it under the Element Metadata in the builder, over here: http://screencast.com/t/5aakegLbp
Some animations require custom editing of the script before they’ll work, and while we love to help, we’re unable to troubleshoot custom code. That said, if you’re running into an issue with a specific animation on your page, feel free to send an email to support@unbounce.com, and we’d be happy to take a look and see if we can provide any additional insight.


#5

GRSM, 
Would also check out the comments in this post for tips on animating objects using css/javascript in Unbounce: 
https://community.unbounce.com/unbounce/topics/animated-css-arrow-bounce
Hope this helps!