The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Hover 3D door opening effect CSS

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #202439

    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:

    Please help!


    Please…no codedumps.

    A demo in Codepen is just fine.


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

Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘CSS’ is closed to new topics and replies.