blur

Can I apply CSS(3) filters ONLY on image sections?

£可爱£侵袭症+ 提交于 2019-11-30 07:17:43
I have a full screen background image .bg { left: 0; min-height: 100%; min-width: 100%; position: fixed; top: 0; z-index: -1; } and want to apply a CSS3 filter, personally I would like to use a blur effect, at the same position as my body .container { margin: 0 auto; width: 1000px; } Here's an example: screenshot http://imageshack.us/a/img443/4976/j7qj.jpg I want to write text over the blurred container. daniel__ http://jsfiddle.net/QvSng/6/ CSS body { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: url(http://lorempixel.com/420/255) no-repeat center center fixed;

Can you blur the content beneath/behind a div? [duplicate]

空扰寡人 提交于 2019-11-30 06:26:16
问题 This question already has answers here : using a div to blur an image behind it? [duplicate] (2 answers) Closed 4 years ago . 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 beneath/behind, I want to have blurred. For those of you that have an iDevice with iOS 7, check out Safari's header;

How to prevent Android's drawBitmap from only drawing black images?

老子叫甜甜 提交于 2019-11-30 06:16:07
问题 As per the original question, The end result is a rounded-rect png in an ImageView with a natural looking drop shadow. I have the shadow working, but when it draws, it makes the entire image black. How can I prevent the original image (definitely not black) from being black when adding the shadow? BlurMaskFilter blurFilter = new BlurMaskFilter(2, BlurMaskFilter.Blur.OUTER); Paint shadowPaint = new Paint(); shadowPaint.setMaskFilter(blurFilter); int[] offsetXY = new int[2]; Bitmap

Images border-radius doesn't work during css transition

孤街醉人 提交于 2019-11-30 04:46:30
问题 I'm using border-radius: 50%; to make an image round. By default the image is blurred and zoomed (with a hidden overflow) and on hover it will remove the blur and zoom. However, when I use a CSS transition on the element, it temporarily shows the overflow for the duration of the transition. http://jsfiddle.net/jonny_me/cyvL61qx 回答1: I believe on transition, the element gets taken out of document flow, something like a shadow position: relative; and put back in once the animation is complete.

Passing Array to rsForEach in Renderscript Compute

天大地大妈咪最大 提交于 2019-11-30 00:44:07
I found there's lacking good documentation in RenderScript, for what I know, forEach in RS is to execute the root() for each individual item in the allocation. I am trying to make a library for Renderscript that does Image processing, as a starting point, I reached this great answer . But the problem, is that the blur operation is on Each pixel and each pixel requires another loop (n with blur width) of calculation. Although running on multi-core, it is still a bit too slow. I am trying to modify it to allow (two-pass) box filter, but that requires working on a single row or column instead of

Can you blur the content beneath/behind a div? [duplicate]

此生再无相见时 提交于 2019-11-29 23:30:35
This question already has an answer here: using a div to blur an image behind it? [duplicate] 2 answers 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 beneath/behind, I want to have blurred. For those of you that have an iDevice with iOS 7, check out Safari's header; where the page beneath the header is blurred. That's the effect what I'm looking for. I wouldn't mind the effect not working on

How to add a blurred drop shadow to a button?

此生再无相见时 提交于 2019-11-29 23:23:36
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. <?xml version="1.0" encoding="utf-8"?> <layer-list xmlns:android="http://schemas.android.com/apk/res/android"> <!-- Drop Shadow Stack --> <item> <shape> <corners android:radius="45dp" /> <padding android:bottom="2dp" android:left="1dp" android:right="1dp" android:top="1dp" /> <stroke android:width="6dp" android:color="#007879E8" /> </shape> </item> ////// 10 more items <item> <shape> <corners android:radius="45dp" /> <padding android:bottom="2dp" android:left=

jQuery: On form input focus, show div. hide div on blur (with a caveat)

蹲街弑〆低调 提交于 2019-11-29 20:44:02
I am able to make a hidden div show/hide when an input field is in focus/blur using the following code: $('#example').focus(function() { $('div.example').css('display','block'); }).blur(function() { $('div.example').fadeOut('medium'); }); The problem is I want div.example to continue to be visible when the user is interacting within this div. E.g. click, or highlighting the text etc. within div.example . However div.example fades out whenever the input is not in focus and the mouse is interacting with elements within the div. The html code for the input and div elements is as follows: <p>

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

限于喜欢 提交于 2019-11-29 19:21:37
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 kernel. The answer gives an arbitrary kernel and shows how to apply the filter using that kernel but not how to calculate a real kernel itself. I am trying to implement a Gaussian blur in C++ or Matlab from scratch, so I need to know how to calculate the kernel from scratch. I'd appreciate it if someone could calculate a real Gaussian filter kernel using

openCV Gaussian blur/smoothing of 3D Matrix/Histogram

廉价感情. 提交于 2019-11-29 15:54:05
I have a (3D) Histogram which I like to apply Gaussian smoothing on: cv::MatND Hist; In the 1D and 2D cases I blur it via: cv::GaussianBlur(Hist, Hist, cv::Size(1,3), 1.0);// 1D case cv::GaussianBlur(Hist, Hist, cv::Size(3,3), 1.0);// 2D case But I struggle to apply Gaussian blurring in the 3D case. Has anyone got an idea how to attempt this? Try use separable kernels like shown here: http://www.programming-techniques.com/2013/03/gaussian-blurring-using-separable.html 来源: https://stackoverflow.com/questions/18020438/opencv-gaussian-blur-smoothing-of-3d-matrix-histogram