4 <title>GPU Memory Test: Use N MB of GPU Memory with 3D CSS</title>
16 border: 1px solid black;
20 -webkit-perspective: 600px;
21 -webkit-perspective-origin: center center;
24 <script type="text/javascript">
25 // Generate n 3D CSS elements that are each about 1 MB in size
26 function useGpuMemory(mb_to_use) {
28 var blocks = document.getElementById("blocks");
29 var blockArray = document.getElementsByClassName("block");
30 for (var i = 0; i < n; i++) {
31 var block = document.createElement("div");
32 var degrees = (90.0 * i)/n;
33 block.className = "block";
34 block.style.WebkitTransform = "translate3d(0px, 0px, " + (i-n+1) + "px) rotateZ(" + degrees + "deg)";
35 block.style.opacity = 1;
36 block.style.zIndex = i;
37 block.style.background = "#00FF00";
38 block.textContent = i;
39 blocks.appendChild(block);
42 // Touch offsetTop to trigger a layout.
43 document.body.offsetTop;
45 // Signal back to the test runner that we're done allocating memory.
46 domAutomationController.send("DONE_USE_GPU_MEMORY");
51 <div id="blocks" class="perspective"/>