[css] blur

Costas

Administrator
Staff member
JavaScript:
//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>
		
		[B]
				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.

		[/B]
		
		<br><div id="myDIV"></div><br>
		
		
	</body>
</html>

</html>
 
Top