css3/filters/effect-blur.html

<script>
if (window.testRunner) {
    // Force software rendering mode.
    window.testRunner.overridePreference("WebKitAcceleratedCompositingEnabled", "0");
}
</script>
<style>
img {
    margin: 10px;
}
</style>
<img style="-webkit-filter: blur(0)" src="resources/reference.png">
<img style="-webkit-filter: blur(2px)" src="resources/reference.png">
<img style="-webkit-filter: blur(3px)" src="resources/reference.png">
<img style="-webkit-filter: blur(10px)" src="resources/reference.png">