Posts o[css] blur
Post
Cancel

o[css] blur

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
//test.html

<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>

			$(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);

				});

			});

		<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** 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>

<div id="myDIV"></div>  

origin - http://www.pipiscrew.com/?p=5004 css-blur

This post is licensed under CC BY 4.0 by the author.
Contents

Trending Tags