function stopTimer()
clearTimeout(timerhandle)
end function
function sizeit()
counter = counter + 1
if counter > 49 then counter = 1
n = “blur(add=1, direction=125, strength=” & counter & “)”
divider.style.filter= n
end function
</script>
<style>
div {position: absolute; filter: blur(add=1, direction=15,
strength=90”;}
</style>
</head>
<body onload=”startTimer()” onunload=”stopTimer()”>
<div id=”divider”>
<h1>This is a blur effect over time.</h1>
</div>
</body>
</html>
See an example of this effect in Figure 18-1. For more details on how to create
these various effects, see Chapter 16.
Try varying the speed of the filter by adjusting the value 130 in this line:
timerhandle = setInterval(“sizeit”, 130 )
Figure 18-1:
Imagine
this effect
moving, as if
the shadow
were slowly
growing.
322 Part V: The Part of Tens
