Help with CSS3d implementation

Hey there,
I’m using three.js and css3d inside one web page, that has also a form with input and button.
At the moment, the controls are blocking the form button and also the control area is all the page.
How can I clip the control area to just the 3d image, so that the rest of the page is not effected?

Hello Giulias,

Could you let us know a little more about your configuration: which controls are you using, how is the form displayed?

In general, all controls libs have this property by default:

this.enabled = true;

you could set it to false when the user mouseover/popup the form and you set it to true when the user mouseout/blur/close the form.

Depending on your configuration, you may have to change the objects z-index HTML property for it work.