Hi everyone, I am currently stuck on designing animations on a landing page.
I really it to happen like this:
I have two different images (Grey on the left, Maroon on the right)
I want them to slide left/right when the mouse hovers across the screen.
I also have an "enter" button smack right at the center of these two images, which I want them to open like a door after hitting the enter button.
One problem with this reference is I will have a problem if the end-user double clicks on it. I want this action to be irreversible, because its like a transition effect to the main page from the landing page and I certainly don't want to reverse anything by double clicking.
Can anyone offer me some tips or tricks in regards to this problem?