2回答
如果我在父元素上使用overflow:hidden，CSS transition在backdrop-filter上不起作用。position: relative; position: absolute; left: 0; bottom: 0; transition-duration: .5s; backdrop-f
浏览 50提问于2020-07-23得票数 0
回答已采纳
我想慢慢地从0%模糊过渡到100%模糊。理想情况下，我可以使用线性渐变语法backdrop-filter: linear-gradient(blur(8px), blur(8px), blur(0));，但这似乎不受支持。
有什么想法吗？
浏览 51提问于2021-06-06得票数 0
3回答
当在同一组件上使用背景滤镜和过渡时，我遇到了低fps的问题。.modal-background { backdrop-filter: blur(2px)}动画有问题:(但如果我注释掉backdrop-filter line，事情就会变得更好。
浏览 36提问于2020-05-14得票数 7
简单的代码：当您将背景滤镜模糊与父对象中的过渡持续时间或变换组合在一起时，会发生错误。transform: translate3d(-100px, 0, 0);子分区： background: rgba(206, 206, 206, 0.15);Firefox: Works (你必须先在about:config中启用backdrop-filter )
Webkit/Safari:工作
浏览 4提问于2021-03-31得票数 2
1回答
我有一张简单的卡，可以在悬停时放大。卡片文本有一个背景模糊。当我将卡片悬停时，过渡进行得很顺利，但是文本容器的底部边缘似乎在闪烁。 transform: scale(1.05); background-color: rgb(255 255 255/60%);} <div class="c
浏览 3提问于2022-07-23得票数 2
回答已采纳
1回答
我正在使用尾风，以及它们的HeadlessUI用于模态上的转换
show={show} leaveTo="opacity-0" <div className="fixed inset-0 bg-gray-900 bg-opacity-75 backdrop-filter有人知道我怎样才能让它工作，
浏览 1提问于2021-04-07得票数 4
1回答
我目前正在开发一个网站，它要求backdrop-filter使用它的模糊功能。所有的工作都是按照预期进行的：我知道并非所有的浏览器都支持backdrop-filter，这就是为什么我没有提到火狐contrast(0.6); border-radius: 4px; .blur {
backdrop-filter</e
浏览 2提问于2021-03-12得票数 2
回答已采纳
2回答
我使用此函数绘制(id_modal_background_visibility(1))或拆卸(id_modal_background_visibility(0))模糊： case 0: // In order to reference "backdrop-filter</
浏览 7提问于2020-01-13得票数 0
当用户点击按钮来“打开”模式时，它应该平滑过渡，看起来会变大(放大)。当它只是html和css时，它就像我想要的那样工作，但是当它在我写的JS中的一个click事件上时，模式突然出现和消失(如果我使用'display: block')，或者它非常不稳定，或者我根本不能让它工作(如果我使用'visibility: visible')。我的感觉是，它没有将其视为“过渡”，效果不适用，或者我试图以某种方式过渡模糊的背景，而不是模式元素。:blur(10px)){
浏览 14提问于2020-07-09得票数 0
1回答
有办法用CSS做这件事吗？width: 80%; backdrop-filterpadding-bottom: 20px; border-bottom: 2px solid #ffffff;
这将是一个很好的过渡
浏览 1提问于2022-06-26得票数 0
回答已采纳
现在，当使用"filter: blur (2PX)“时，页眉和页脚模糊，而不是图像。true"></script>
</body>
我的CSS --使用
浏览 4提问于2022-07-18得票数 0
7回答
backdrop-filter是最近的CSS功能，在现代浏览器中还不能使用(至少在2016年7月1日)。 Chrome 51支持backdrop-filter通过实验Web平台标志。Safari 9.1支持它-webkit-前缀 Firefox 47不支持 在这种不可用的状态下，我想知道是否有其他方法可以带来同样的结果。JS解决方法blur, grayscale，…也是受欢迎的 可以通过以下方式跟踪backdrop-filter的发展 https://bugs.chr
浏览 88提问于2016-07-01得票数 107
回答已采纳
3回答
我有以下示例代码片段(我正在使用React，但我不想在这里发布之前花时间清理实际的项目代码)： let menuOpened = false;
document.getElementById('我真正想要的是擦除过渡，而不是淡入淡出，就像这样： ? 使用上面的图像作为类比，主页面内容将是A，菜单将是B。我想使用与当前配置相同的转换持续时间和计时功能。 如果不使用JavaScript/React，这是可能的吗？
浏览 22提问于2021-03-15得票数 0
2回答
你能解释一下吗？为什么属性backdrop-filter和filter同时存在？saturate()
caniuse.com说(和)现代浏览器比backdrop-filter支持filter要好得多。
浏览 2提问于2018-01-12得票数 11
回答已采纳
我目前正在使用： background-color: #FFFFFF90;}
但是由于FireFox目前不支持backdrop-filter: blur()，所以它使用了#FFFFFF90的后盾。
浏览 4提问于2022-04-12得票数 1
回答已采纳
1回答
我想做一个div，它可以在不使用背景的情况下模糊它下面的一切。如何在不使用背景的情况下使backdrop-filter:blur效果？因为backdrop-filter:blur并不是在所有浏览器中都能工作
浏览 0提问于2017-07-17得票数 0
conteiner中获得一个模糊的效果：我试着用下一条规则来达到这个效果：但我得到了这个结果：如果我使用
浏览 4提问于2021-12-09得票数 0
回答已采纳
我试图在英雄形象和透明导航栏上实现这种混合模式效果，并将其溶解到英雄形象中。我试图通过设置背景颜色和一些不透明度来使导航栏透明，但它看起来并不像我想要的那样。 ? 到目前为止，我得到的是： ? 下面是代码:任何帮助都将非常感谢。谢谢。 .navbar { opacity: 0.56; padding-top: 1.5rem;
pa
浏览 21提问于2021-07-30得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
腾讯会议
云直播
对象存储活动推荐
腾讯云开发者
