Hover 3D door opening effect CSS

[tatatatata]

I’m a student (and very new to web design) and I’m trying to create a door-opening effect by using 3D animations of CSS3 (without javascript). What I actually want is that I want two windows to be opened when the mouse hovers over them. I’ve already tried few trials for last few days, but it won’t work…

A similar Example of what I want is here:

http://stackoverflow.com/questions/27799769/css-hover-door-opening-effect-issue-on-safari?rq=1

Please help!

[Paulie_D]

Please…no codedumps.

A demo in Codepen is just fine.

[tatatatata]

Sorry, I’ve attached the link above (stackflow) for an example. I couldn’t find the exact code I want on Codepen — but this (http://codepen.io/soulbender/pen/KIjHv) is the closest…but the door opening in both ways! Thanks for your comment :)

[Author]

Posts