I'm attempting to manipulate a CSS3DObject in Three.js by bending it:
var element = document.createElement('iframe');
element.src = 'https://example.com/';
var cssObject = new THREE.CSS3DObject( element );
However, I'm unable to apply the bend modifier to it as I do with other meshes, for example:
var dir = new THREE.Vector3( 0, 0, -1 );
var ax = new THREE.Vector3( 0, 1, 0 );
var ang = Math.PI / 4;
modifier.set( dir, ax, ang ).modify(mesh.geometry);
Is there a method to achieve this effect, or is it simply not feasible?
The bend effect I'm aiming for is similar to the one shown in this image: