blur

How to apply blur to a UIView?

This should work. I commented in the code to help you understand what’s going on: //To take advantage of CIFilters, you have to import the Core Image framework #import <CoreImage/CoreImage.h> //Get a UIImage from the UIView UIGraphicsBeginImageContext(myView.bounds.size); [myView.layer renderInContext:UIGraphicsGetCurrentContext()]; UIImage *viewImage = UIGraphicsGetImageFromCurrentImageContext(); UIGraphicsEndImageContext(); //Blur the UIImage with a CIFilter CIImage *imageToBlur = [CIImage imageWithCGImage:viewImage.CGImage]; … Read more

CSS Blur in IE 11

According to this blog (http://demosthenes.info/blog/534/Cross-browser-Image-Blur-with-CSS) the blur filter was dropped after IE9: filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius=”3″); They did give a solution called StackBlur (using JavaScript and Canvases): http://quasimondo.com/StackBlurForCanvas/StackBlurDemo.html It is in the form of a javascript add-on downloadable from that site.

Android: fast bitmap blur?

I finally found a suitable solution: RenderScript allows implementing heavy computations which are scaled transparently to all cores available on the executing device. I’ve come to the conclusion, that with respect to a reasonable balance of performance and implementation complexity, this is a better approach than JNI or shaders. Since API Level 17, there is … Read more

JavaFX effect on background

import javafx.animation.*; import javafx.application.*; import javafx.beans.property.*; import javafx.embed.swing.SwingFXUtils; import javafx.geometry.Insets; import javafx.scene.*; import javafx.scene.control.Label; import javafx.scene.effect.*; import javafx.scene.Cursor; import javafx.scene.Node; import javafx.scene.image.*; import javafx.scene.layout.StackPane; import javafx.scene.paint.Color; import javafx.stage.Stage; import javafx.stage.StageStyle; import javafx.util.Duration; public class FrostyTech extends Application { private static final double BLUR_AMOUNT = 10; private static final Effect frostEffect = new BoxBlur(BLUR_AMOUNT, BLUR_AMOUNT, 3); … Read more

blur of part of Background image with css

If it has to be dynamic, you should have some trouble, but you can have somewhere to start with this : HTML <div class=”background”></div> <div class=”mask”> <div class=”bluredBackground”></div> </div> <div class=”content”></div> CSS .content { width: 70%; height: 70%; border:2px solid; border-radius:20px; position: fixed; top: 15%; left: 15%; z-index:10; background-color: rgba(168, 235, 255, 0.2); } .background … Read more

CSS blur on background image but not on content [duplicate]

jsfiddle .blur-bgimage { overflow: hidden; margin: 0; text-align: left; } .blur-bgimage:before { content: “”; position: absolute; width : 100%; height: 100%; background: inherit; z-index: -1; filter : blur(10px); -moz-filter : blur(10px); -webkit-filter: blur(10px); -o-filter : blur(10px); transition : all 2s linear; -moz-transition : all 2s linear; -webkit-transition: all 2s linear; -o-transition : all 2s linear; … Read more