wildspidee

Ahh, I should have thought about SVG being the culprit. I just blamed GSAP, because I am least familiar with it. This door is just a teeny part of a very large SVG component. I can't really isolate it or go with an image at this point. I did create three door images; closed, mid, open. I was originally going to tween those with GSAP, but I was having issues getting my head around how I would do it. I'll have to give that a go. Thank you for your help and suggestions.

I need to animate a door opening. I've found several examples using different CSS techniques. Here is a great reference: https://codepen.io/am_eu/pen/EgZdaQ My SVG is very extensive, but I've copied out just the door set into CodePen. I tried to make the entire set work (#doorSetClosed) and that didn't happen. Then I changed over to just the door (#doorClosed) to limit possible issues. That doesn't work either. I don't know if the values for transformPerspective or rotationY are correct. I just threw something in for testing. It doesn't do anything at all. I am referencing this page: https://greensock.com/docs/v3/GSAP/CorePlugins/CSSPlugin which states that the CSSPlugin is included and activated. (Also, as a side note, this page references this page https://greensock.com/css3/ that doesn't work at all. It is throwing an error and won't run. Maybe someone could fix that, too? It would be helpful.) Any suggestions would be greatly appreciated. Thank you.