How are we doing? Please help us improve Stack Overflow. Take our short survey

Questions tagged [blur]

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

Filter by
Sorted by
Tagged with
0 votes
0 answers
15 views

text become blur in textarea after firstline in crome only

<Form.Control as='textarea' autoFocus={true} className='textarea-style' ...
Shilpe Saxena's user avatar
0 votes
0 answers
14 views

How to create a feGaussianBlur that is rotated, ie not axis-aligned?

I want to use feGaussianBlur to blur an svg in one direction, but I would like that direction to be other than the horizontal or vertical axis. In another rendering engine, I would assume I could do ...
escapecharacter's user avatar
1 vote
1 answer
27 views

Blur effect on multiple stacked div elements

When using the blur filter as a backdrop-filter for multiple stacked elements, I am encountering element separation issues as depicted in the screenshot. Here is my current CSS code: background-color:...
Jonas Aeschlimann's user avatar
-2 votes
1 answer
35 views

How to achieve this given css glass effect with color that is leaking? [closed]

I want to recreate this glassy card, but I don't know how to achieve this I can get the glassy effect but can't achieve this blur color effect and I used backdrop filter property of CSS but it's not ...
Mohit Rakh's user avatar
0 votes
0 answers
33 views

Backdrop-filter blur not working on submenu

I'm trying to applicate the backdrop-filter: saturate(180%) blur(20px); in a submenu, but it's not working at all. This is my setup (WordPress site): The main menu is a sticky menu, with a the color ...
Chuck23's user avatar
0 votes
0 answers
7 views

jquery get list of input values after blur one

I have a plugin translate page: In this page I insert a row of flags and a form with original text of post and inputs for translation. At the end of form there is the submit button. I want to activate/...
imagIne's user avatar
  • 49
1 vote
1 answer
38 views

How do I clear the blur of an element once clicked, and blur itself again after it being clicked again?

So uh.. I'm trying to make a "unblur"/blur transition to a div element after it getting clicked, using the 2 class names in the following code: unblur and blur, which clear the blur / blur ...
Dragon RB's user avatar
0 votes
1 answer
27 views

How to call a method every single time the field loses focus in vue.js

This looks easy, but somehow wouldn't work. I have a text-field with an @blur listener to make a call to the server to check if the username typed exist in the database. Once the field loses focus, ...
banky's user avatar
  • 838
0 votes
1 answer
31 views

How to react to blur/unfocus in a QCard?

I have a QCard and would like to trigger an action when it becomes inactive (loses focus) <q-card bordered flat v-for="pill in loadedPerson?.Pills" :key="pill.ID" class="...
WoJ's user avatar
  • 27.3k
1 vote
1 answer
81 views

How to blur content behind of an overlay using java?

I have an layout that I can expose above other applications using Context.LAYOUT_INFLATER_SERVICE. But no matter how much I searched, I couldn't find a way to blur the content under this view to the ...
dasphalone's user avatar
0 votes
1 answer
21 views

How to customize the default blur classes in TailwindCSS?

I'm trying to customize the default blur classes in TailwindCSS because I think their defaults are too much. I know I can do something like: theme: { extend: { blur: { xs: '1px', sm: ...
dokgu's user avatar
  • 5,047
0 votes
0 answers
16 views

Blur and sticker view together in Android

I'm trying to create a blur effect in such a way that when a shape (square, rectangle, circle) is selected. The shape is applied as a sticker on the image showing in the ImageView and the image got ...
Adnan Aslam's user avatar
0 votes
0 answers
13 views

Is there a way for new windows to not lose focus of other software, similar to Win's virtual keyboard

When I click on a new window, don't take the focus away from other software, well like the virtual keyboard on Win. // kiosk: true, // alwaysOnTop: true, // focusable: false, // fullscreen: false, // ...
Jarvie's user avatar
  • 1
1 vote
1 answer
205 views

How can I animate the Expo-blur View intensity using react-native-reanimated?

I use React native and Expo and in the latest version of SDK 49, they mentioned that we can animate BlurView intensity with react-native-reanimated. The problem is that it doesn't work. THis is My ...
Bony's user avatar
  • 131
0 votes
0 answers
37 views

Bitmap Image Blur

I am trying to box blur a bmp image in a problem set in cs50, the code I wrote successfully identifies a middle pixel which is surrounded by 8 others. The goal is to take the average value of red, ...
Pyro's user avatar
  • 38
0 votes
2 answers
35 views

create a blur effect on signin

I have created a login page but I am trying to add a view to encapsulate the textfield and add a blur effect. Below is the current code I have: var body: some View { ZStack() { ...
Seb's user avatar
  • 2,947
0 votes
0 answers
46 views

Blur input field on submit on Modal not working React Native

I have an input field on a modal, but it cant blur on button click so it takes 2x tap to press the button. I tried Keyboard.dismiss and useRef both are not working. I also tried onSubmitEditing prop ...
Tom Kur's user avatar
  • 2,258
0 votes
1 answer
149 views

React native - Unable to apply blur to a linear gradient

I am trying to create a card that looks like this (https://codepen.io/hemvi/pen/RwqgMew) in react native: Here's my attempt to recreate the same in react native: import {BlurView} from '@react-native-...
elmor6942's user avatar
0 votes
1 answer
41 views

I stuck in blur function in problem set 4 of cs50 (filter-more). don't know why the resulting pic is very weird

Here's the Problem Set 4 Filter-more. Here's my code. // Blur image void blur(int height, int width, RGBTRIPLE image[height][width]) { RGBTRIPLE temp[height][width]; // for the calculation of ...
Lam Kakei's user avatar
0 votes
1 answer
116 views

Add blur effect in a container using Flutter

I am new in Flutter and I am trying to blur a background. I used the below function: Widget loginContainer() { return Container( decoration: BoxDecoration( color: Colors.white70,...
Seb's user avatar
  • 2,947
1 vote
0 answers
36 views

image filtering for high variance fields

I have an image like below. I would like to detect power lines. Although line detection algorithm is not restricted, I used hough transform and canny edge detection until now. However, as image has so ...
Piko's user avatar
  • 23
0 votes
0 answers
117 views

gernerating BlurDataUrl to use in Nextjs is not working in production

I try to call function that will generate blurDataUrl on client-side based on this blog /page/index.js useEffect(() => { const fetchCardData = async () => { const cardData = await ...
Permlap's user avatar
  • 21
1 vote
0 answers
160 views

Save image data for using in Nextjs Image blurDataURL

I am faced with this issue that Nextjs/Image needs blurDataUrl as "data:image/jpeg..." Previously in the Next/Image legacy you could give the blurDataUrl the url of an 10px image and it then ...
SC K's user avatar
  • 151
0 votes
1 answer
94 views

How to implement blurry text in web page correctly in term of security?

I have an angular app. There are couple of pages where visible data available only for subscribers and not for free users. There are couple solutions for this and I'm not sure which one is the ...
user2304483's user avatar
  • 1,462
-2 votes
1 answer
49 views

Can we create custom blur in react native?

Can we create custom Blur in react native like @react-native-community/blur packages provides. That package works for ios but in android it creating lot of issues. It takes complete screen size. ...
ibrar hussain's user avatar
0 votes
0 answers
15 views

Remove the blurr using Tikhonov or TGSVD methods

This is my Matlab code, where its applied blurr to a image of a Mandril. The main ideia is using one of Tikhonov or TGSVD methods to remove the blurr. clear all close all clc load mandrill clear ...
gjfreitas's user avatar
-1 votes
2 answers
93 views

Blurring Site Main Background when Header Menu is clicked

I am trying to add a blur effect to my site background when the header menu is clicked and active. When my menu gets activated the .ct-active class gets added to it. the below css code when written as ...
Serhad Ketsamanian's user avatar
0 votes
2 answers
110 views

Bottom nav bar is not getting transparent in flutter

My implementation of bottom nav bar in flutter is not getting transparent when I am using Colors.red.withOpacity(0.2), I am applying transparency to my nav bar because later I want to use backdrop ...
Taha Malik's user avatar
0 votes
2 answers
138 views

Float label with Vuetify Textarea not resetting above Textarea after pasting and blur

I am having a Textarea blur problem that fails to reposition a floating label after clicking out out of the Textarea after a paste. I PASTE some text into a Textarea and exit the Textarea in any way (...
Norm Strassner's user avatar
0 votes
0 answers
65 views

Convert pdf file into image and then blur some part of image again convert image into pdf

I am working like taking a pdf file and converting it into Image Then blur some sensitive part of image. Now this blurred image again converting pdf. this is my requirement. I have tried with Imagick ...
Vijay Chauhan's user avatar
0 votes
0 answers
57 views

Backdrop-filter not affecting borders in iOS browsers

One of my buttons have a border that wont show as blurred on iOS devices with both safari and chrome. Backdrop-filter only seems to affect the background of the button but not the border on iOS ...
Rickclick's user avatar
0 votes
0 answers
117 views

Backdrop-filter in header (to blur) overrides the Backdrop-filter in .dropdown-menu

My goal is to insert a blurry header background and a blurry dropdown-menu. Basically I'm trying to put a Backdrop-filter: blur(15px); to my .dropdown-menu but there's already a Backdrop-filter: blur(...
Jado Bado's user avatar
0 votes
1 answer
84 views

How to make dropdown with blur effect CSS

I tried to make my dropdown have the same opacity and same blur effect as my navbar, the opacity worked properly, but the blur effect didn't. I heard that I have to use pseudo-class to achieve this, ...
Dra-Code's user avatar
0 votes
0 answers
81 views

Problem using the @react-native-community/blur library in react native

sHello friends, I was planning to make a part of my UI project as a blur and I used the @react-native-community/blur library, but when I use it, I get an error when I load the image. I would be ...
mehdiHosseini's user avatar
0 votes
2 answers
160 views

Blur on box alert

I am making a program, I want to apply the "Blur" effect when an alert box arrives to the whole document. Could you suggest me how to do it? I was using an example I found on the web but I ...
Saza.P's user avatar
  • 13
2 votes
1 answer
63 views

How to make a unblurred hole 100x100 inside BackdropFilter.blur in Flutter

I need to make a unblurred hole 100x100 inside BackdropFilter.blur in Flutter
Чечил Крым's user avatar
0 votes
0 answers
12 views

How can i wrap up a rotary motion blurred image after unwrapping and applying the blur?

I´m trying to create a synthetic rotary motion blurred image using Matlab. I already unwrapped the original image and applied the blur as shown below. Is there a simple way to wrap it back? I'm using ...
Juan Camilo Rodríguez Mejía's user avatar
0 votes
0 answers
38 views

IronPDF makes SVG blur (leaflet map)

I am adding a leaflet map SVG to a PDF using iron PDF, my leaflet SVG consists of layers with custom SVGs set as their 'fill' or background. SVGs are sharp and accurate when rendered in web browser or ...
Muhammad Usman's user avatar
0 votes
1 answer
43 views

Is it possible to observer and manipulate what is shown on the screen in realtime?

Is there any way to see what is being displayed on the screen and manipulate it. Basically I want to run an NSFW filter which blurs NSFW content on phone. I want to do this regardless of what app is ...
Osama Asif's user avatar
2 votes
0 answers
42 views

Glassmorphism glitch

I am developing a website. I am using glassmorphism effect for navbar. Firsly i used backdrop-filter property for blur effect to my navbar but I was having issue that the nested elements like ...
Hamza Farooq's user avatar
0 votes
1 answer
125 views

How to add Win32 API (Blur) in Qt6 QWidget?

I am just beginner and I try to make a simple Qt6 widget with blurring behind for Windows 10-11 OS. I know that Qt6 doesn't provide this from the box and I need to use the Windows API for that. ...
Finchi's user avatar
  • 1
2 votes
0 answers
38 views

How can I access the desktop pixels in order to build a Translucent Material view of it?

First of all I have to say this question is not making a blur or translucent function or algorithm, in this question I will use apple build in API for making an Image translucent, as you know any ...
ios coder's user avatar
0 votes
1 answer
659 views

How to display the backdrop blur filter over radial-gradient pattern background in Tailwind?

I'm experimenting with a fiber carbon pattern using Tailwind CSS and I'm wondering why the backdrop blur filter isn't considering the radial-gradient pattern that the parent <div> has as its ...
Void's user avatar
  • 67
1 vote
0 answers
36 views

How can I fix the blur that is generated with "transform scale"

I have a problem that I've been dragging for a few months which I can't fix since all the "solutions" I find don't work for me, the problem appears when I change the scale of my DIV element. ...
Geloteee's user avatar
0 votes
2 answers
222 views

Blazor blur an element on scroll with js and css

I'm working on a Blazor web app, and I would like to blur a specific element (background) when the user scrolls. To achieve this, I called a JS function: function backgroundBlurry() { var ...
Samih EL SAKHAWI's user avatar
1 vote
2 answers
831 views

How can I make `backdrop-filter: blur()` effect work on iOS?

I blur the background image of a container on my website, and it works on all browsers, except the browsers on iOS devices. The CSS and HTML code is as follows: .backblurred { backdrop-filter: ...
retr0's user avatar
  • 13
0 votes
2 answers
192 views

How to create a focus blur effect in css?

I am trying to create a focus effect with blur but i faced a huge problem. :) I need something like this: Focus effect But all examples in internet are about blocks with fixed position. Clip-path and ...
uiHellen's user avatar
0 votes
1 answer
141 views

Blur event not triggered on VTextField

I've created a date/time picker component that is using two VTextField's to enter hour and minute values. There're three events on each field. Two of the events, focus and input do call their ...
ToliNY's user avatar
  • 81
0 votes
1 answer
81 views

How to make a background blur effect that gradually disappears when closing a pop-up, and similarly a smooth exit animation for said pop-up?

(Premise: I've been learning how to code for two months by myself, I'm a beginner so I need very straight-forward, "fool-proof" answers, possibly with clear examples. Also forgive me if the ...
elides's user avatar
  • 3
1 vote
0 answers
112 views

OpenCV Box Blur algorithm for GrayScale image

I have used sources such as this - https://stats.stackexchange.com/questions/296679/what-does-kernel-size-mean and this- http://amritamaz.net/blog/understanding-box-blur in order to understand Box ...
loaf's user avatar
  • 11

1
2 3 4 5
39