滤镜（filter）可改造元素的视觉呈现，CSS内置的滤镜有10种，通过SVG文件还能自定义滤镜。一、调色滤镜 调色滤镜可控制元素的模糊、颜色、亮度等变化，并且多个滤镜可组合在一起使用。这些滤镜大部分既能接收百分数，也能接收数值。当传入的值大于上限值时，会以上限值来处理。1）模糊 blur()滤镜会对元素进行高斯模糊的处理，它能接收一个模糊半径的长度值。注意，不能向其传递负数。在下图中，右
转载
2023-12-21 13:49:29
143阅读
高斯模糊（英语：Gaussian Blur），也叫高斯平滑。是在Adobe Photoshop、GIMP以及Paint.NET等图像处理软件中广泛使用的处理效果，通经常使用它来降低图像噪声以及降低细节层次。 简单介绍：高斯模糊（Gaussian Blur）是美国Adobe图像软件公司开发的一个图像处理软件:Adobe Photoshop(系列)中的一个滤镜，详细的位置在：滤镜—模糊——高斯模糊！
转载
2024-01-19 23:55:11
50阅读
参考网页： CSS实现遮罩层透明文字不透明 CSS3实现模糊背景的三种效果 CSS inherit关于个人学习心得：查阅了挺多关于前端的资料，以前一直纠结该如何学习HTML和CSS，看W3S的教程感觉收益没多大，第一映像就是有特别特别多要记的标签，而且W3S上的实例也杯水车薪，有许多细节的地方没有讲得很透彻。我看了HTML和CSS的教程后就决定直接从实战抓起，直接通过
转载
2023-12-14 07:59:00
179阅读
# iOS中如何使用CSS实现元素边框模糊效果
在现代网页设计中，视觉效果的美观性和吸引力是至关重要的。尤其是在移动端应用中，良好的用户体验和流畅的视觉效果能够提升用户的满意度。本文将探讨如何在iOS设备中使用CSS实现元素的边框模糊效果，并提供相关的代码示例来帮助开发者更好地理解。
## 边框模糊的概念
“边框模糊”是指通过一定的技术手段，使元素的边框呈现出一种柔和的模糊效果，而不是清晰的
忙乱，点-moz-transform-origin: 0 0;-webkit-transform-origin:0 0;-o-transform-origin:0 0;以右上角给原点-moz-transform-origin: top right;-webkit-transform-origin:t...
转载
2015-07-17 20:18:00
659阅读
2评论
.banner{ background:url(banner.jpg); -moz-background-size:100% 100%; background-size:100% 100%; }
转载
2022-04-19 15:33:53
922阅读
首先，Conky的配置文件分为两个部分，第一部分对Conky的全局属性做设定，比如字体、嵌入桌面等等；第二部分是定义Conky的输出格式，也就是Conky呈现在桌面上的样式。 在全局属性的部分，重要的参数有： 1、background no：是否嵌入桌面，“no”表示不嵌入；“yes”表示嵌入。 2、out_to_console no：是否输出结果到终端，
转载
2024-06-25 09:40:33
24阅读
是金子就会发光，如果不是的呢？那么我希望自己是一颗小石头，让岁月将自己磨砺成珍珠。
原创
2009-02-13 12:27:22
402阅读
anchor point 究竟是怎么回事？ 之所以造成不容易理解的是因为我们平时看待一个图片是 以图片的中心点 这一个维度来决定图片的位置的。而在cocos2d中决定一个 图片的位置是由两个维度 一个是 position 另外一个是anchor point。只要我们搞清楚他们的关系，自然就迎刃而解。0.5, 0.5),取值在0到1之间的好处就是，锚点不会和具体物体的大小耦合
转载
2024-08-28 09:01:05
30阅读
*{ color: transparent; text-shadow: #111 0 0 5px;}
原创
2023-03-05 06:45:11
270阅读
image的css样式 filter: blur(10px); -webkit-filter: blur(10px); -moz-filter: blur(10px); -ms-filter: blur(10px); -o-filter: blur(10px); 注：filter模糊。括号里的參数表
原创
2022-01-12 09:45:02
659阅读
text-shadow为文字添加阴影。可以为文字与 text-decorations 添加多个阴影，阴影值之间用逗号隔开。每个阴影值由元素在X和Y方向的偏移量、模糊半径和颜色值组成。text-shadow: 10px 10px 20px pink;/*x轴偏移10px,y轴偏移10px，模糊程度，粉红色*/transition:1s;渐变效果1秒，起到慢慢渐变得效果<style type="text/css"> h1:hover{ color:rgba(0,0,0,0);
原创
2021-08-07 09:54:28
1941阅读
CSS模糊玻璃效果实现
我将创建一个美观的毛玻璃效果，模仿苹果macOS系统上的模糊透明效果。
设计思路
使用backdrop-filter属性实现模糊效果
添加半透明背景增强玻璃质感
配合阴影和边框提升立体感
创建卡片式布局展示不同应用场景
最终实现代码
<!DOCTYPE html>
<html lang="zh-CN">
<head>
text-shadow为文字添加阴影。可以为文字与 text-decorations 添加多个阴影，阴影值之间用逗号隔开。每个阴影值由元素在X和Y方向的偏移量、模糊半径和颜色值组成。text-shadow: 10px 10px 20px pink;/*x轴偏移10px,y轴偏移10px，
原创
2022-03-01 10:39:17
914阅读
一、css模糊匹配 1、 属性匹配 E[att^="val"] 选择 att 属性值以 "val" 开头的所有元素E[att$="val"] 选择 att 属性值以 "val"结尾的所有元素E[att*="val"] 选择 att 属性值中包含子串 "val"的所有元素 比如：'a[class*=" ...
转载
2021-08-20 17:35:00
1511阅读
2评论
移动端开发中经常会碰到图片模糊的需求，比如，下边是网易云音乐歌单详情的效果：模糊图片时
原创
2020-01-29 17:50:12
2356阅读
