Questions tagged [blur]

The visual effect. For the JavaScript "loss of focus"-event, use [onblur].

For the JavaScript "loss of focus"-event, use [onblur]. For iOS 8 and above, you can use UIVisualEffectView to add blur effect on View.

1903 questions
185
votes
13 answers

How can I make a CSS glass/blur effect work for an overlay?

I am having trouble applying a blur effect on a semi-transparent overlay div. I'd like everything behind the div the be blurred, like this: Here is a jsfiddle which doesn't work: http://jsfiddle.net/u2y2091z/ Any ideas how to make this work? I'd…
Chad Johnson
  • 21,215
  • 34
  • 109
  • 207
161
votes
14 answers

iOS 7's blurred overlay effect using CSS?

It seems Apple's overlay is more than just a transparency. Any ideas on how to achieve this effect with CSS and possibly JS?
Lumpy
  • 3,632
  • 4
  • 34
  • 58
87
votes
10 answers

how to make the blur effect with react-native?

how to make the blur effect with react-native ? like 'background-image' and i want to switch the effect 'blur' and 'none','none' means no blur effect
12343954
  • 2,451
  • 3
  • 18
  • 18
84
votes
4 answers

How to blur(css) div without blur child element

.content { float: left; width: 100%; background-image: url('images/zwemmen.png'); height: 501px; -webkit-filter: blur(3px); -moz-filter: blur(3px); -o-filter: blur(3px); -ms-filter: blur(3px); filter:…
ggoha
  • 1,996
  • 3
  • 23
  • 31
83
votes
7 answers

Blur effect on a div element

Is it possible to add a gaussian blur on div element? If yes, how I can do this?
bialasikk
  • 995
  • 1
  • 7
  • 8
67
votes
2 answers

Can you blur the content beneath/behind a div?

I'm creating a new web design in Photoshop at the moment, but I'd like to know if it's possible to blur the content beneath a div? I'd like to create a half transparent nav bar on my page that's fixed at the top of your screen. Everything that flows…
Sander Schaeffer
  • 2,757
  • 7
  • 28
  • 58
45
votes
5 answers

How to apply blur to a UIView?

Right now I am building an iPhone app that requires blurring an entire UIView. How can I achieve this? I have seen this framework, but I don't think that works with UIView. Is there an alternate way to blur an UIView? UPDATE: Check for my updated…
virindh
  • 3,775
  • 3
  • 24
  • 49
43
votes
6 answers

FFmpeg: How to convert vertical video with black sides, to video 16:9, with blurred background sides

How to make this by using FFmpeg? Example without FFmpeg: Adobe After Effects Sony Vegas Pro
Andrey
  • 1,183
  • 1
  • 9
  • 10
42
votes
6 answers

CSS blur on background image but not on content

I did this example. I'm trying to blur the background image, but the main content is blurred too (the ) How can I blur the background without blurring the content?
itsme
  • 48,972
  • 96
  • 224
  • 345
41
votes
8 answers

Implementing Gaussian Blur - How to calculate convolution matrix (kernel)

My question is very close to this question: How do I gaussian blur an image without using any in-built gaussian functions? The answer to this question is very good, but it doesn't give an example of actually calculating a real Gaussian filter…
gsgx
  • 12,020
  • 25
  • 98
  • 149
38
votes
6 answers

How to make modal dialog with blur background using Twitter Bootstrap?

Bootstrap use blackout when it shows modal dialog. How I make blur effect on entire background?
eugenes
  • 701
  • 2
  • 7
  • 16
38
votes
3 answers

How can I force ng-click to take precedence over an ng-blur event?

When I click the save button it triggers an ng-blur event, how can I make the buttons ng-click event to trigger instead? I still want the ng-blur event to trigger if I click outsida the button or input…
tidelipop
  • 717
  • 2
  • 7
  • 10
36
votes
8 answers

Full Page Blur in CSS

How can I blur a whole page using CSS? Other elements such as images are allowed.
Steve
36
votes
5 answers

Blur Background Behind AlertDialog

As we know from API 14 the Below Blur has been deprecated dialog.getWindow().addFlags(WindowManager.LayoutParams.FLAG_BLUR_BEHIND); Is there any alternative for this to make the Screen Blur behind Dialog I have tried FAST blur
Nitesh Tiwari
  • 4,742
  • 3
  • 28
  • 46
36
votes
6 answers

iOS 7 dynamic blur effect like in Control Center

I'm trying to make a controller that will be similar to Control Center in iOS7. From WWDC session #226 I've learnt how to get blurred image with different effects UIGraphicsBeginImageContextWithOptions(image.size, NULL, 0); [view…
Nastya Gorban
  • 1,251
  • 1
  • 14
  • 20
1
2 3
99 100