//test.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<style>
.applyBackgroundBlur {
filter: blur(3px);
-webkit-filter: blur(3px);
-moz-filter: blur(3px);
-o-filter: blur(3px);
-ms-filter: blur(3px);
pointer-events: none;
}
</style>
<script type="text/javascript">
$(function() {
//button click
$('#btn').on('click', function(e) {
console.log("clicked");
$("#myDIV").html("ERROR 09090909");
$(document.body).addClass('applyBackgroundBlur');
setTimeout(function(){
console.log("unblur");
$(document.body).removeClass('applyBackgroundBlur');
},2000);
});
});
</script>
</head>
<body>
<button id="btn">
Push Me
</button>
<span>
New RAR 5.0 archiving format. You can use "RAR 5.0" option
in archiving dialog or -ma command line switch to create
RAR 5.0 archives.
Older software including <b style="color:red">older WinRAR versions</b> is not able to
decompress RAR 5.0 archives, so if you plan to send an archive
to other people, it is necessary to take the compatibility issue
into consideration. You can select "RAR" instead of "RAR5" option
in archiving dialog to create RAR 4.x archives compatible with
previous WinRAR versions.
</span>
<br><div id="myDIV"></div><br>
</body>
</html>
</html>
↧
[css] blur
↧