Если у Оперы установить у html и body прозрачный задник, ее движок рендера начинает глючить. Скопируйте код в отдельный файл и запустите (в ифреме с тестбина работать не будет). еще можно попререключаться между закладками, эффект забавный.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<style type="text/css">
html, body {
background: rgba(0,0,0,0);
}
#test {
position: fixed;
top: 50%;
left: 50%;
border-radius: 50px;
width: 100px;
height: 100px;
margin: -50px 0 0 -50px;
}
</style>
</head>
<body>
<div id="test"></div>
<script type="text/javascript">
var t = document.getElementById("test");
var a = 0;
(function(){
var x = (Math.sin(2*a) + 1) * 50;
var y = (Math.cos(5.05*a) + 1) * 50;
var r = Math.floor((Math.cos(a*5.5) + 1) * 255);
var g = Math.floor((Math.cos(a*5.4 + Math.PI/3) + 1) * 255);
var b = Math.floor((Math.cos(a*5.3 + Math.PI/1.5) + 1) * 255);
t.style.top = y + "%";
t.style.left = x + "%";
t.style.backgroundColor = "rgb(" + r + "," + g + "," + b + ")";
a+=.01;
setTimeout(arguments.callee, 40)
})();
</script>
</body>
</html>
