滤镜（filter）可改造元素的视觉呈现，CSS内置的滤镜有10种，通过SVG文件还能自定义滤镜。一、调色滤镜 调色滤镜可控制元素的模糊、颜色、亮度等变化，并且多个滤镜可组合在一起使用。这些滤镜大部分既能接收百分数，也能接收数值。当传入的值大于上限值时，会以上限值来处理。1）模糊 blur()滤镜会对元素进行高斯模糊的处理，它能接收一个模糊半径的长度值。注意，不能向其传递负数。在下图中，右
转载
2023-12-21 13:49:29
143阅读
参考网页： CSS实现遮罩层透明文字不透明 CSS3实现模糊背景的三种效果 CSS inherit关于个人学习心得：查阅了挺多关于前端的资料，以前一直纠结该如何学习HTML和CSS，看W3S的教程感觉收益没多大，第一映像就是有特别特别多要记的标签，而且W3S上的实例也杯水车薪，有许多细节的地方没有讲得很透彻。我看了HTML和CSS的教程后就决定直接从实战抓起，直接通过
转载
2023-12-14 07:59:00
179阅读
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阅读
效果如图：鼠标放上去是可以看到模糊之前的文字的老规矩：代码如下：<html><head> <meta http-equiv="Content-Type" con
原创
2022-05-27 00:04:51
589阅读
点赞
CSS字体样式通过CSS样式表，可以自定义字体。下载想要的字体库，然后在工程里创建一个存放字体库文件的目录，把下载好的字体库文件存放进去，之后就可以引用这目录里面的字体库了，使用@font-face来自定义字体库，例如我下载了一个×××字体，然后在工程中创建了一个font目录，把字体库文件放入进去：提示：如果是做实验、练习的话可以去下载一些各种各样的字体库来使用，但是如果是在个人网站或者其他公开的
原创
2017-10-30 17:03:47
1639阅读
css代码<style> body,main::before{ background: url("images/1.jpg") 0 / cover fixed; } main{ position: relative; display: flex; align-content: center; justify-content: center
原创
2021-12-16 12:59:37
972阅读
HTML部分要为header部分设置一个
模糊的背景图片作为背景，HTML部分如下，把内容部分与背景部分都作为header的一级子元素<div class="he
原创
2024-05-06 10:15:55
104阅读
当你创造一个元素加上这个属性后，会使得这个元素后面的区域添加效果（如模糊或颜色偏移）
原创
2023-06-24 09:37:58
402阅读
text-shadow: 水平阴影的位置 垂直阴影的位置 阴影模糊的距离 阴影颜色;
原创
2023-05-27 00:26:32
403阅读
居中，在网页web开发的应用场景是非常广泛的，在很多时候居中的设计会更显得美观大方，同时在UI设计中也是很常用的布局手法。所以在学习css布局中，学会居中是必不可少的功课，下面我就简单的介绍在开发中经常用到的居中方法。注： 以下方法暂不考虑IE浏览器兼容的问题。1. 字体垂直居中文字居中是一个常见，也很基础的应用。其方法也很简单，只要设置字体的行高line-height（自行百度）和盒子的高度一致
转载
2024-06-13 19:36:01
178阅读
高斯模糊实现方案探究现在越来越多的app在背景图中使用高斯模糊效果，如yahoo天气，效果做得很炫。 这里就用一个demo来谈谈它的不同实现方式及各自的优缺点。1. RenderScript谈到高斯模糊，第一个想到的就是RenderScript。RenderScript是由Android3.0引入，用来在Android上编写高性能代码的一种语言(使用C99标准)。 引用官方文档的描述：Render
转载
2024-01-29 12:08:45
124阅读
现在许多app中都应用到了对图片的模糊处理，图片高斯模糊备受设计师的青睐，在各大知名APP中，如微信、手机QQ、网易云音乐等等都有对背景高斯图模糊的设计，还有今日头条、内涵段子等。在Android 中，现在常用的图片高斯模糊技术的根本有两种：RenderScript 、fastBlur1.RenderScriptRenderScript是在Android上的高性能运行密集型运算的框架。是在Andr
转载
2023-07-27 18:56:58
161阅读
最近项目设计上需要用到稍微比较模糊的图片，因此我就去百度搜了一下，处理办法大概就是借助神器PS（花千骨看多了，呵呵）。但是在程序猿的眼里，代码可以实现一切。下面我就来实现一个Android高斯模糊。高斯模糊：高斯模糊（Gaussian Blur）是美国Adobe图像软件公司开发的一个图像处理软件:Adobe Photoshop(系列)中的一个滤镜，具体的位置在：滤镜—模糊——高斯模糊！高斯模糊的原
转载
2023-06-30 19:25:56
232阅读
一、找个优盘，新建个目录（目录名为fonts），把你windows下的字体都考进去。windows的字体文件默认都在C:\windows\fonts下面。Ctrl-A Ctrl-C Ctrl-V
二、把优盘插上装Debian的电脑。点击应用程序-附件-终端
三、在弹出的终端内（命令行模式）：
输入su 回车，把你的权限提升到Root
&nb
转载
2012-07-24 17:32:47
976阅读
css字体字体颜色 color字体大小 font-size字体加粗 font-weight:normal|bold|bolder|100~900字体样式 font-style:normal|italic；字体font-family：楷体，幼圆，黑体；(当字体有单词构成必须加引号)字体属性具有继承性
转载
2021-04-18 19:09:29
496阅读
2评论
CSS 字体 font-family 属性 font-family 属性应包含多个字体名称作为“后备”系统，以确保浏览器/操作系统之间的最大兼容性。请以您需要的字体开始，并以通用系列结束（如果没有其他可用字体，则让浏览器选择通用系列中的相似字体）。字体名称应以逗号分隔。 代码 <!DOCTYPE h ...
转载
2021-07-17 22:31:00
293阅读
2评论
