[Rotate an svg component through an isometric direction]

Thanks @Cassie for your quick reply !

That makes sense, I will use a flat version of my image, and manage the 3d aspects in css. Thanks for the link also !

 

[Rotate an svg component through an isometric direction]

I would like to rotate an svg component through an isometric direction.

Of course if I use a simple rotate, the element rotate through the Z direction (direction of the "camera") and does not produce the desired effect. See the associated CodePen.

 

Instead, I try to rotate the component through the direction normal to the plane:

 

Is it possible using RotationX, RotationY, RotationZ ?

If yes, would it be possible to have an example ?

 

Thanks !

See the Pen vYZdexR by ingeloop (@ingeloop) on CodePen