2 <meta name="viewport" content="width=device-width, user-scalable=no">
3 <link rel="stylesheet" type="text/css" href="resources/tablet.css">
4 <link rel="stylesheet" type="text/css" href="resources/transition.css">
5 <script src="resources/perftesthelper.js"></script>
7 <container id="container"></container>
10 var N = PerfTestHelper.getN(1000);
14 var keyframeValues = [0, 1]
16 for (var i = 0; i < N; i++) {
17 container.appendChild(document.createElement('target'));
20 function startAllTransitions() {
25 style = document.createElement('style');
26 style.textContent = 'target { opacity: ' + keyframeValues[keyframe] + '; }';
27 container.appendChild(style);
30 requestAnimationFrame(startAllTransitions);
31 setInterval(startAllTransitions, duration);
33 PerfTestHelper.signalReady();