【代码】[css] 毛玻璃 backdrop-filter: blur。
原创
2022-12-21 10:23:43
188阅读
css的样式的特性之一：重要性重要规则：不同的
css样式具有不同的权重，对于同一元素，后定义的
css样式会代替先定义的
css样式，但有时候设计师需要某个
css样式拥有最高的权重，此时就需要标出此
css样式为“重要规则”。阅读到一本书，书中贴了如下代码：.font01{color: red;}
p {
color: blue； !important
}
<p class="font01"&
转载
2024-08-15 21:02:48
84阅读
CSS3 backdrop-filter() 实现背景毛玻璃效果，区别于 blur()MDN相关说明 https://developer.mozilla.org/zh-CN/docs/Web/CSS/backdrop-filter一个可以实现背景毛玻璃效果的 CSS 属性平常使用的 filter 区别于 backdrop-filterfilter 是模糊内容backdrop-filt...
原创
2022-06-30 11:41:17
339阅读
css导航条毛玻璃效果(backdrop-filter: blur(4px))
原创
2023-08-13 00:42:09
82阅读
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Docum
原创
2024-04-29 09:34:50
61阅读
今天写页面 遇到一个问题：a 层在b层的上面 但是a层不需要点击事件 只是做个样式展示（底图边框类的） 所以应该如何设置 a 没有事件 直接透过a 去到b层 重点来了：css 的 pointer-events: none; 直接在a 层上设置一下就可以了！ ...
转载
2021-10-27 13:49:00
1066阅读
2评论
HSL色彩模型色相（HUE）：在基础色轮上分布的颜色，也称为纯色，纯色是不含黑、白、灰的颜色。
饱和度（SATURATION）：是指颜色的鲜亮程度，在纯色中加入灰色，会降低色彩的饱和度。100%是纯色，没有灰色阴影。50%是50%的灰色，0%是完全灰色。下图是饱和度从100%到0%的变化。明暗度（LIGHTNESS）：是指颜色的色彩的明暗程度，在纯色中加入黑色或白色，会改变颜色的明暗度。其中0%表
原创
2024-05-23 13:19:13
65阅读
filter注：filter 属性 目前已经完全可以在实际项目中应用，只要你的项目不需要兼容IE和Edge，例如中后
原创
2020-06-01 18:53:40
265阅读
嵌套css： Sass把同属于一个类的属性嵌套在一起，避免重复书写。sass在输出css时会你这些嵌套规则处理好，避免重复书写。如下：#content {
article {
h1 { color: #333 }
p { margin-bottom: 1.4em }
}
aside { background-color: #EEE }
}
/* 编译后 */
转载
2024-04-12 04:09:58
26阅读
filter属性filter属性主要用于元素的模糊,饱和度,色差效果参考博客:https://www.cnblogs.com/qtdd/p/15232192.htmlfilter:blur();filter:blur()主要用于元素模糊,默认值为0,无变化,数值越大,模糊度越高，单位是px <style> img { filter: blur(
原创
2022-06-17 19:58:31
82阅读
filter属性 filter属性主要用于元素的模糊,饱和度,色差效果 filter:blur(); filter:blur()主要用于元素模糊,默认值为0,无变化,数值越大,模糊度越高，单位是px <style> img { filter: blur(5px); } </style> <body> ...
转载
2021-09-06 12:32:00
486阅读
2评论
最近在整理bootstrap的样式库的时候，发现下列代码。 .btn{ filter:proid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);} 颜色变化： startColorStr:...
原创
2023-06-26 00:05:34
26阅读
过滤器效果可以在元素展示之前对元素的渲染进行处理。它是基于图片的效果，主要接受0或多个图片作为输入，然后指定特定的效果参数，最后生成一张图片作为输出。输出的图片会替代原始元素在DOM中渲染，或者被当做一个CSS图片值。虽然过滤器效果一开始是为了SVG而设计的，但是在CSS中，我们也同样可以使用(通过filter属性)。本文主要介绍的就是这一部分，CSS中的filter效果。后续我会在给大家介绍一下
原创
2021-05-19 09:42:16
533阅读
CSS layers指的是将 z-index 属性应用于彼此重叠的元素。
z-index属性与 position 属性一起使用以创建图...
原创
2024-01-23 19:09:36
211阅读
我们知道了如何使用WebRTC打开摄像头，可以截取视频帧并且用canvas显示出来。 本文将滤镜与视频结合。给视频加上一层滤镜。主要使用到的是filter属性。 canvas与滤镜 先来看filter与canvas的使用。先把canvas放好，显示一张本地的图片。
原创
2022-02-15 10:47:45
265阅读
ssao的blur遇到个麻烦
花了两三天时间。。。终于大概知道原因了。
在nvidia的ssao（http://developer.download.nvidia.com/SDK/10.5/direct3d/Source/ScreenSpaceAO/doc/ScreenSpaceAO.pdf）中 用到了
cross bilateral filter这种blur这个比那种downsample的bl
转载
2014-09-03 17:53:00
172阅读
2评论
filter是一个非常有意思的属性，（缺点：不支持IE，虽然不支持IE，但是IE有他专有的滤镜方式），filter 可以完成毛玻璃效果，模糊，锐化等 1 filter: none // 默认没有效果 2 blur(px) 3 brightness(%) 4 contrast(%) 5 drop-sh ...
转载
2021-10-12 23:20:00
1977阅读
2评论
