blur 相关问题

视觉效果。对于JavaScript“失去焦点” - 事件,请使用[onblur]。

Android Blur View(模糊视图后面的背景)

我正在尝试使图像的底部部分模糊,以使其顶部的视图像图像中一样。 我尝试使用 Rendenscript 对其进行模糊处理,但无法仅模糊视图后面的部分。 :( 我...

回答 7 投票 0

如何在小屏幕上淡出元素的右侧?

我有一个包含三个选项卡的网页。当屏幕尺寸为 <= 640px. My SCSS was doing that, but the styles aren't applying after moving folders. Ri...

回答 1 投票 0

如何在小屏幕上淡出网页右侧?

我有一个包含三个选项卡的网页。当屏幕尺寸为 <= 640px. My SCSS was doing that, but the styles aren't applying after moving folders. Ri...

回答 1 投票 0

如何在没有模糊子元素(并且没有绝对)的情况下模糊(css)div [重复]

.内容{ 向左飘浮; 宽度:100%; 背景图像: url('images/zwemmen.png'); 高度:501px; -webkit-过滤器:模糊(3px); -moz-过滤器:模糊(3px); -o-滤镜:模糊(3px); -ms-过滤器:...

回答 4 投票 0

有没有办法在 openCV 中使用条件内核,仅在条件为真时才更改图像上的像素?

我想使用一个基于条件表达式执行像素操作的内核。 假设我有这个灰度图像(6x6 分辨率): 我使用 3x3 像素内核,我该如何更改

回答 1 投票 0

我想模糊整个屏幕,除了一个堆栈视图

当我的键盘显示时,堆栈视图中的文本输入会上升。现在我想在这个堆栈视图后面添加一个模糊视图。 应用程序已启动: 我试过: 让blurEffect = UIBlurEffect(样式:.prominent)

回答 1 投票 0

webkit-backdrop-filter 在 React.js 中不起作用

我正在 React 网站上工作,尝试向具有一段文本的容器添加模糊效果。无论出于何种原因,模糊都不会显示。我不明白为什么。 任何帮助都会很棒! HTML: 我正在 React 网站上工作,尝试向具有一段文本的容器添加模糊效果。无论出于何种原因,模糊都不会显示。我不明白为什么。 任何帮助都会很棒! HTML: <div className={styles.CardContentContainer}> <div className={styles.ProjectTitle1}> <span>Real Estate</span> </div> ... CSS: .ProjectTitle1 { padding-right: 9px; padding-left: 9px; padding-bottom: 4px; padding-top: 4px; color: white; font-weight: 700; z-index: 1; position: absolute; top: -84px; right: 0px; background-color: #aa1a18; backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); box-shadow: var(--main-top-shadow); box-shadow: var(--main-shadow); } 实际上这不是React问题,请注意,background-filter属性充当背景,所以如果你为元素添加背景颜色,看到的将是颜色,你不会注意到模糊效果。但如果你想使用背景颜色,你应该做的是使用较低的不透明度百分比。 您可以将以下示例视为我要解释的内容的参考。 <!DOCTYPE html> <html lang="en"> <style> .ProjectTitle1 { padding-right: 9px; padding-left: 9px; padding-bottom: 4px; padding-top: 4px; color: white; font-weight: 700; z-index: 1; position: absolute; top: 10px; left: 30px; background-color: #aa1a18; backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); box-shadow: var(--main-top-shadow); box-shadow: var(--main-shadow); } /* without the background color */ .ProjectTitle1-noBGColor { padding-right: 9px; padding-left: 9px; padding-bottom: 4px; padding-top: 4px; color: white; font-weight: 700; z-index: 1; position: absolute; top:40px; left: 30px; backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); box-shadow: var(--main-top-shadow); box-shadow: var(--main-shadow); } /* background color with low opacity */ .ProjectTitle1-BGColorOpacity { padding-right: 9px; padding-left: 9px; padding-bottom: 4px; padding-top: 4px; color: white; font-weight: 700; z-index: 1; position: absolute; top: 70px; left: 30px; backdrop-filter: blur(20px); background-color: rgba(255,255,255,0.1); -webkit-backdrop-filter: blur(20px); box-shadow: var(--main-top-shadow); box-shadow: var(--main-shadow); } </style> <body> <div class="container"> <img src="https://picsum.photos/200/300" width="230px" height="250px"> <div class="ProjectTitle1"> <span>Real Estate</span> </div> <div class="ProjectTitle1-noBGColor"> <span>Real Estate</span> </div> <div class="ProjectTitle1-BGColorOpacity"> <span>Real Estate</span> </div> </div> </body> </html>

回答 1 投票 0

如何使用react-native-reanimated对Expo-blur视图强度进行动画处理?

我使用React Native和Expo,在最新版本的SDK 49中,他们提到我们可以使用react-native-reanimated对BlurView强度进行动画处理。问题是它不起作用。 这是我的

回答 2 投票 0

如何在模糊视图的同时仍能部分看清

这是所要求的 我正在尝试 UIBlurEffect 和 UIVisualEffectView 但没有达到这个目的。 我的代码: 让blurEffect = UIBlurEffect(样式:.systemUltraThinMaterialLight) 让模糊Vi...

回答 1 投票 0

仅模糊一定距离后的对象

我在 Unity URP 中从事 3d 游戏工作,我想制作一个“检查元素控制台”,其中 3d 对象出现在相机前面,玩家可以旋转它们。所以为此我寻找一个

回答 1 投票 0

在QML中对部分图像添加模糊效果

我正在尝试在 QtQucick 应用程序中的图像上添加一些模糊效果。以下是一个简单的片段,可以加载图像并在其上放置自定义多边形。我应该在我的代码中添加什么以使其内部...

回答 1 投票 0

SwiftUI 视觉模糊效果,背景清晰

有什么办法可以让 .背景(.ultraThinMaterial) 在 SwiftUI 中没有背景颜色?看起来它有一些浅白色暗淡的背景,因为如果它只是蓝色......

回答 1 投票 0

如何从CSS中的滤镜blur()中去除屏幕周围的阴影?

在此输入图像描述 如何删除屏幕周围的阴影??? 滤镜模糊处理这个阴影 &::前 { 内容: ””; 位置:绝对; 背景...

回答 1 投票 0

如何模糊光廊中每个图像项的背景? (具体)

我的网站使用 Light Gallery (http://sachinchoolur.github.io/lightGallery),并想对其进行一些自定义。 我想模糊每个图像项目的背景图像......

回答 2 投票 0

CSS模糊背景效果

如何使背景图像(或图片中的内容)模糊化为图片中的背景? 我是说,这不只是简单的模糊,好像用了好几个滤镜 我尝试过模糊

回答 1 投票 0

如何在 Chrome、Angular 14 上使用 window.open() 但仍关注原始窗口?

我想遍历数组并在新的 Chrome 选项卡中使用其链接打开其元素。但是,我不希望它专注于新选项卡。只需关注原始窗口即可。 有谁知道吗...

回答 1 投票 0

使用 Jetpack Compose 实现部分图像的玻璃态/模糊效果?

我需要制作一张卡片(或其他类型的布局),其设计如下所示。 问题:我不知道如何将这种玻璃态/模糊效果应用到图像的底部......

回答 2 投票 0

画布上的透明模糊背景

不知道如何在画布上创建透明的模糊背景而不模糊画布儿童。 这就是我想要的结果——模糊背景但不模糊内容:

回答 4 投票 0

模糊网络摄像头流,除了中心的圆形区域

我在我的 MVC 应用程序中使用 photobooth。 在我的页面上,我显示实时网络摄像头屏幕,并将画布元素放在网络摄像头屏幕上,代码如下所示: 我在我的 MVC 应用程序中使用 photobooth。 在我的页面上,我显示实时网络摄像头屏幕,并将画布元素放在网络摄像头屏幕上,代码如下所示: <canvas id="myCanvas" height="500" width="700"></canvas> <div id="videoStreamDiv" ></div> 我想要完成的是:我在画布上画了一个圆圈,我希望圆圈外的网络摄像头流区域被模糊。 我已经解决这个问题几天了,任何帮助将不胜感激! 你知道该怎么做了吗?我面临这个问题,似乎找不到答案。

回答 1 投票 0

Jquery 实时模糊和实时对焦

我正在动态打开一个对话框。单击链接时,它会查找信息并将其显示在其中。 $('.comment').live('模糊', function(){ var split = (this.id).split("_"); var id = sp...

回答 2 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.