Skip to content

Commit 63bfead

Browse files
mrdoobmrdoob
committed
CSS3DRenderer: Unprefixed styles.
1 parent fe0ed18 commit 63bfead

1 file changed

Lines changed: 8 additions & 0 deletions

File tree

‎examples/js/renderers/CSS3DRenderer.js‎

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -12,6 +12,7 @@ THREE.CSS3DObject = function ( element ) {
1212
this.element.style.WebkitTransformStyle = 'preserve-3d';
1313
this.element.style.MozTransformStyle = 'preserve-3d';
1414
this.element.style.oTransformStyle = 'preserve-3d';
15+
this.element.style.transformStyle = 'preserve-3d';
1516

1617
};
1718

@@ -40,6 +41,8 @@ THREE.CSS3DRenderer = function () {
4041
this.domElement.style.oTransformStyle = 'preserve-3d';
4142
this.domElement.style.oPerspectiveOrigin = '50% 50%';
4243

44+
this.domElement.style.transformStyle = 'preserve-3d';
45+
this.domElement.style.perspectiveOrigin = '50% 50%';
4346

4447
// TODO: Shouldn't it be possible to remove cameraElement?
4548

@@ -48,6 +51,7 @@ THREE.CSS3DRenderer = function () {
4851
this.cameraElement.style.WebkitTransformStyle = 'preserve-3d';
4952
this.cameraElement.style.MozTransformStyle = 'preserve-3d';
5053
this.cameraElement.style.oTransformStyle = 'preserve-3d';
54+
this.cameraElement.style.transformStyle = 'preserve-3d';
5155

5256
this.domElement.appendChild( this.cameraElement );
5357

@@ -130,12 +134,14 @@ THREE.CSS3DRenderer = function () {
130134
this.domElement.style.WebkitPerspective = fov + "px";
131135
this.domElement.style.MozPerspective = fov + "px";
132136
this.domElement.style.oPerspective = fov + "px";
137+
this.domElement.style.perspective = fov + "px";
133138

134139
var style = "translate3d(0,0," + fov + "px)" + getCameraCSSMatrix( camera.matrixWorldInverse ) + " translate3d(" + _widthHalf + "px," + _heightHalf + "px, 0)";
135140

136141
this.cameraElement.style.WebkitTransform = style;
137142
this.cameraElement.style.MozTransform = style;
138143
this.cameraElement.style.oTransform = style;
144+
this.cameraElement.style.transform = style;
139145

140146
var objects = _projector.projectScene( scene, camera, false ).objects;
141147

@@ -153,11 +159,13 @@ THREE.CSS3DRenderer = function () {
153159
element.style.WebkitBackfaceVisibility = 'hidden';
154160
element.style.MozBackfaceVisibility = 'hidden';
155161
element.style.oBackfaceVisibility = 'hidden';
162+
element.style.backfaceVisibility = 'hidden';
156163
*/
157164

158165
element.style.WebkitTransform = style;
159166
element.style.MozTransform = style;
160167
element.style.oTransform = style;
168+
element.style.transform = style;
161169

162170
if ( element.parentNode !== this.cameraElement ) {
163171

0 commit comments

Comments
 (0)