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
35
votes
5 answers

How to draw a blurry circle on HTML5 canvas?

I'm able to draw a simple circle on HTML5 canvas, but I'd like to add some blur around it. What I found was this website which explains the shadowBlur property which can come in handy here. However, I cannot manage to make the circle itself blurry.…
pimvdb
  • 151,816
  • 78
  • 307
  • 352
33
votes
2 answers

Android: fast bitmap blur?

I've been searching the past three days for a built-in, hardware-accelerated way of bluring a bitmap with android. I stumbled upon certain work-arounds like shrinking the bitmap and scaling it up again, but this method produced low quality results…
theV0ID
  • 4,172
  • 9
  • 35
  • 56
32
votes
10 answers

hide keyboard in iphone safari webapp

I'm creating a webapp for the iPhone, based in HTML/CSS/JS. I'm using forms to receive input and pass data to the script, but a problem I'm encountering is that the keyboard won't disappear. The user will enter the information, hit submit, and since…
munchybunch
  • 6,033
  • 11
  • 48
  • 62
30
votes
3 answers

Blur an input field on keypress enter on Angular

I found this question very useful for submitting a form when someone presses the "enter" key: Javascript: angular.module('yourModuleName').directive('ngEnter', function() { return function(scope, element, attrs) { element.bind("keydown…
coopersita
  • 5,011
  • 3
  • 27
  • 48
29
votes
10 answers

How to remove white border from blur background image

How to remove the white blur border from the background image.
CSS, i tried adding margin:-10px but it doesn't work .background-image { background: no-repeat center center fixed; background-image:…
Prime
  • 3,530
  • 5
  • 28
  • 47
28
votes
4 answers

JavaFX effect on background

I'm using this to make a iOS-themed JavaFX2 (Java7) application with a frosted glass effect. The problem is that this code uses its effect on an ImageView. I'd like it to use its effect on whatever's behind the window, like this: Is there anyway to…
Taconut
  • 951
  • 4
  • 10
  • 29
28
votes
3 answers

Android BlurMaskFilter has no effect in canvas.drawOval while text is blurred

I've been trying to create a custom view which has blurred shapes under text. The problem is that the BlurMaskFilter has no effect on any shape that I draw on the canvas. Here is how I'm initialising the Paint objects in the constructor: paint = new…
fasih.rana
  • 1,645
  • 1
  • 14
  • 27
27
votes
3 answers

WPF: Why does text and elements blur if I use dropshadow effect on a parent item

If I add a DropShadowEffect to an parent element the text of the child elements are blurred. Why?
Smolla
  • 1,711
  • 2
  • 20
  • 18
26
votes
2 answers

CSS 3 filter (blur) not using transition duration

I found this neat technique for cross-browser blurring. But it didn't look like the transition was having an effect, so I forked it and set the transition time and blur amount way up, and sure enough it's happening instantly. img.blur…
Chris Sobolewski
  • 12,819
  • 12
  • 63
  • 96
24
votes
5 answers

How to add a blurred drop shadow to a button?

I need to add blurred drop shadow to my button: I tried to create background with layer-list xml drawable, but it not looks like blur.
Vlad Morzhanov
  • 1,260
  • 3
  • 14
  • 29
24
votes
2 answers

using a div to blur an image behind it?

Is it possible to code a div to enable it to blur whatever image is under it? something like this: Could this be done somehow with -webkit maybe?
Dr Robotnik
  • 352
  • 1
  • 4
  • 14
23
votes
4 answers

jQuery blur and the enter key

I am trying to update a div dynmically with a googlemap based on a zip code being entered. Its working fine if the user tabs away from the input box (id ZipCode) but if they press enter it doesn't blur the field. I have got a variation on this…
Jon Harris
  • 231
  • 1
  • 2
  • 3
22
votes
7 answers

Image blur with CSS/Javascript: is it possible?

Is it possible to add a blur effect to an image using CSS and Javascript?
Olivier Lalonde
  • 19,423
  • 28
  • 76
  • 91
22
votes
6 answers

Smoothing Edges of a Binary Image

How to smooth the edges of this binary image of blood vessels obtained after thresholding. I tried a method somewhat similar to this method but did not quite get the result I expected. Here's the code: import cv2 import numpy as np INPUT =…
Abdul Fatir
  • 6,159
  • 5
  • 31
  • 58
21
votes
5 answers

How to replicate the blurred text in Notification Center (iOS 8)

I am playing with TodayExtension in iOS 8 and I wondered how to apply that blur effect to the Text or to buttons. I already figured out that it has something to do with UIVisualEffectView. But I don't know how to use it. I am using Objective-C Can…
David Gölzhäuser
  • 3,525
  • 8
  • 50
  • 98