581317-1.html - mozsearch

Enable keyboard shortcuts

<!DOCTYPE HTML>

<html class="reftest-wait">

<head>

<style>

#d { width:200px; }

#e { width:196px; height:196px; opacity:0.99; border:2px solid rgb(200,200,200); }

#f { width:200px; height:10px; }

</style>

</head>

<body onload="step()">

<div id="d">

  <div id="e">

    <div style="width:80px; height:80px; background:yellow;"></div>

    <div id="f">

      <div style="width:80px; height:80px; background:blue;"></div>

    </div>

  </div>

</div>

<script>

var d = document.getElementById("d");

var e = document.getElementById("e");

var f = document.getElementById("f");

var v = 0;

function step() {

  v += 40;

  d.style.border = "10px solid rgba(" + v + "," + v + "," + v + ", 0.99)";

  e.style.backgroundColor = "rgb(" + v + "," + v + "," + v + ")";

  f.style.opacity = v/250.0;

  if (v < 200) {

    setTimeout(step, 50);

  } else {

    document.documentElement.removeAttribute("class");

</script>

</body>

</html>