Questions tagged [blur]
The visual effect. For the JavaScript "loss of focus"-event, use [onblur].
1,901
questions
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'
...
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 ...
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:...
-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 ...
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 ...
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/...
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 ...
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, ...
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="...
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 ...
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: ...
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 ...
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,
// ...
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 ...
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, ...
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() {
...
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 ...
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-...
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 ...
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,...
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 ...
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 ...
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 ...
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 ...
-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. ...
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 ...
-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 ...
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 ...
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 (...
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 ...
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 ...
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(...
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, ...
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 ...
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 ...
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
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 ...
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 ...
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 ...
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 ...
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.
...
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 ...
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 ...
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. ...
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 ...
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: ...
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 ...
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 ...
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 ...
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 ...