iframesplitter

HTML

<script src="https://cdn.rawgit.com/mrdoob/three.js/29822c5e/build/three.min.js"></script>
<script src="https://cdn.rawgit.com/mrdoob/three.js/29822c5e/examples/js/renderers/CSS3DRenderer.js"></script>

JavaScript

var scene, camera, renderer, container;

init();
animate();

function init() {

  scene = new THREE.Scene();
  var  createElements= function(url, divisions, parent) {
    var w = 100.0 / divisions;
    var x = 0;
		
    for (var x = 0; x < 100; x += w) {
      var el = document.createElement('iframe');
      el.src = url;
      var x2 = x + w;
      el.style = "clip-path:polygon(" + x + "% 0%, " + x2 + "% 0%, " + x2 + "% 100%, " + x + "% 100%);";
      var cssObject = new THREE.CSS3DObject(el);
      parent.add(cssObject);
    }
  }
	container = new THREE.Object3D();
  createElements("https://example.com/",24,container);
	scene.add(container);
  camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 1, 10000);
  camera.position.z = 500;
  camera.position.y = 20;
  renderer = new THREE.CSS3DRenderer();
  renderer.setSize(window.innerWidth, window.innerHeight);

  document.body.appendChild(renderer.domElement);

}

function animate() {

  requestAnimationFrame(animate);
	container.rotation.y += .01;

  renderer.render(scene, camera);

}