:hover Door

Open the "door" with a CSS animation on hover event instead of a click event.

Scenario here is to open the door and allow user to click on an element behind it.

The problem

My good friend Marko had a problem with the similar issue and with our common efforts we managed to hammer out a solution.

The solution

Start from basics, pay attention to perspective and the element positioning. Copy/Paste this code and run it.

Limp Bizkit