SVG perspective

[mechaniac]

I would like to rotate an SVG element (imageContainer in my example) so it has a faked perspective.

is this possible with GSAP?

 

I tried rotate and setting perspective. Does this only work for html elements but not inside an SVG?

 

(I am fairly new to this, so any help, pointing me in the right direction or to the right documentation would be very much appreciated)

 

See the Pen eYOVeZK by mechaniac (@mechaniac) on CodePen

[PointC]

Hi @mechaniac 

 

Welcome to the forum and thanks for joining Club GreenSock.

 

That's a limitation of SVG for now.(SVG 2 may be different) You can't rotate those child elements in 3D space, but you can rotate the entire SVG.

See the Pen oNvEExq by PointC (@PointC) on CodePen

 

Hopefully that helps. Happy tweening and welcome aboard.