Button onclick animation with sound and setting cookie

Ok, so I have this client that just NEEDS to have fancy animation when entering his site. WordPress.
Thing is supposed to be a picture/button, that on click plays “engine” sound and reveals the main page.

I’m thinking about doing that in separate DIV that will just “vanish” when button is clicked and sound played. I checked around and I have some idea how to make that, but I have few questions.

  1. what is the best way to achieve said effect? I’m thinking CSS3 + HTML5 + a bit of jquery is the way to go. But maybe there’s something better. Example of getting sound on any element as on CSS Tricks: https://css-tricks.com/play-sound-on-hover/

  2. If this whole thing is in separate div, the sound should play “whole” without any abrupt break. Correct me if I’m wrong

  3. Now the thing probably the most difficult: how to make sure the animation doesn’t show always when visiting main page. Setting a cookie? If so, how can I do this?

Read more here: Button onclick animation with sound and setting cookie

Leave a Reply

Your email address will not be published. Required fields are marked *