CSS3DRenderer: Clean up.

examples/js/renderers/CSS3DRenderer.js

@@ -82,6 +82,7 @@ THREE.CSS3DRenderer = function () {
 	domElement.appendChild( cameraElement );
 
 	var isIE = /Trident/i.test( navigator.userAgent );
+	var isSafari = /Safari/.test( navigator.userAgent ) && ! /Chrome/.test( navigator.userAgent );
 
 	this.getSize = function () {
 
@@ -330,8 +331,17 @@ THREE.CSS3DRenderer = function () {
 			'scale(' + fov + ')' + 'translate(' + epsilon( tx ) + 'px,' + epsilon( ty ) + 'px)' + getCameraCSSMatrix( camera.matrixWorldInverse ) :
 			'translateZ(' + fov + 'px)' + getCameraCSSMatrix( camera.matrixWorldInverse );
 
-		var style = cameraCSSMatrix +
-			'translate(' + _widthHalf + 'px,' + _heightHalf + 'px)';
+		var cameraTranslateX = _widthHalf;
+		var cameraTranslateY = _heightHalf;
+
+		if ( isSafari && camera.isOrthographicCamera ) {
+
+			cameraTranslateX = Math.round( cameraTranslateX );
+			cameraTranslateY = Math.round( cameraTranslateY );
+
+		}
+
+		var style = cameraCSSMatrix + 'translate(' + cameraTranslateX + 'px,' + cameraTranslateY + 'px)';
 
 		if ( cache.camera.style !== style && ! isIE ) {
 

examples/jsm/renderers/CSS3DRenderer.js

@@ -338,15 +338,14 @@ var CSS3DRenderer = function () {
 		var cameraTranslateX = _widthHalf;
 		var cameraTranslateY = _heightHalf;
 
-		if( isSafari && camera.isOrthographicCamera ) {
+		if ( isSafari && camera.isOrthographicCamera ) {
 
-			cameraTranslateX = Math.round(cameraTranslateX);
-			cameraTranslateY = Math.round(cameraTranslateY);
+			cameraTranslateX = Math.round( cameraTranslateX );
+			cameraTranslateY = Math.round( cameraTranslateY );
 
 		}
 
-		var style = cameraCSSMatrix +
-			'translate(' + cameraTranslateX + 'px,' + cameraTranslateY + 'px)';
+		var style = cameraCSSMatrix + 'translate(' + cameraTranslateX + 'px,' + cameraTranslateY + 'px)';
 
 		if ( cache.camera.style !== style && ! isIE ) {