51CTO首页
AI.x社区
博客
学堂
精品班
软考社区
免费课
企业培训
鸿蒙开发者社区
信创认证
公众号矩阵
移动端
视频课
免费课
排行榜
短视频
直播课
软考学堂
全部课程
软考
信创认证
华为认证
厂商认证
IT技术
PMP项目管理
免费题库
在线学习
文章
资源
问答
课堂
专栏
直播
51CTO
鸿蒙开发者社区
51CTO技术栈
51CTO官微
51CTO学堂
51CTO博客
CTO训练营
鸿蒙开发者社区订阅号
51CTO软考
51CTO学堂APP
51CTO学堂企业版APP
鸿蒙开发者社区视频号
51CTO软考题库
51CTO博客
首页
关注
排行榜
精品课程
免费资料
软考题库
科目全、试题精、讲解专业，扫码免费刷
搜索历史
清空
热门搜索
查看【
】的结果
写文章
创作中心
登录
注册
css 玻璃效果
51CTO博客
>
热门标签
>
css 玻璃效果
全部内容
精选文章
免费资料
代码库
标签简介
时间
热度
默认
CKA（Kubernetes 管理员认证）精品班
按照企业k8s需求进行技能培训，帮助用户快速拿下CKA认证，K8S采用新版本进行授课，课程内容全、讲解详细 。
免费试学
软考高级：系统架构设计师精品班
根据考试大纲对知识点、高频考点进行深入讲解，传授答题技巧及判断标准，助力高效备考。
免费试学
信创认证：系统架构师精品班（高级）
信息技术应用创新人才考试评价
免费试学
html5
玻璃
效果
css
实现毛
玻璃
效果
毛
玻璃
其实就是磨砂
玻璃
，能够模糊的看清背后的风景，让人感觉有种朦胧美，让界面看上去有些层次感。比如：高大上啊，接下来肯定是眼馋手痒的过程。。。当然，用ps搞一个全景毛
玻璃
背景毫无疑问是最省事的，那接下来就没啥事可干了。当然no no no了。毛
玻璃
无疑就是种模糊了，少不了filter blur。最终
效果
（chrome）：天气预报嗯，也算是将就了。。。<!DOCTYPE html> &l
html5 玻璃效果
web前端
html
chrome
浏览器版本
转载
hackernew
2023-07-19 21:19:18
789
阅读
css
制作毛
玻璃
效果
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi
html
原创
徐同保的博客
2024-04-28 14:11:37
68
阅读
css
制作毛
玻璃
效果
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name
css
html
原创
徐同保的博客
2022-06-30 18:01:24
490
阅读
css
毛
玻璃
黑白
效果
效果
关键属性模糊backdrop-filter: blur(5px);如果使用 filter:blur(); 是模糊自身 而上述属性是模糊背后黑白backdrop-filter: grayscale(100%);代码实现<!DOCTYPE html> <html lang="en"> <head> <meta
毛玻璃效果
背白效果
原创
西瓜霜啊
4月前
100
阅读
android 背景毛
玻璃
css
背景毛
玻璃
效果
其实毛
玻璃
的模糊
效果
技术上比较简单，只是用到了
css
滤镜（filter）中的 blur比如我们需要将上图中页面中间的文字区域变成毛
玻璃
效果
，首先想到的是给其设置一个透明度，并添加模糊滤镜：.content { background-color: rgba(0,0,0,0.3); -webkit-filter: blur(2px); -moz-filter: blur(2
android 背景毛玻璃
背景图
伪元素
毛玻璃效果
转载
mob64ca13fa2f9e
2023-11-01 21:04:47
236
阅读
灰色
玻璃
效果
水平
CSS
菜单
演示
效果
截图 用到的图片
CSS
代码
DIV+CSS
CSS
DIV
css
html
转载
mob604756e65292
2009-08-09 01:41:00
198
阅读
CSS
模糊
玻璃
效果
实现
CSS
模糊
玻璃
效果
实现 我将创建一个美观的毛
玻璃
效果
，模仿苹果macOS系统上的模糊透明
效果
。 设计思路 使用backdrop-filter属性实现模糊
效果
添加半透明背景增强
玻璃
质感 配合阴影和边框提升立体感 创建卡片式布局展示不同应用场景 最终实现代码 <!DOCTYPE html> <html lang="zh-CN"> <head>
CSS
ci
透明背景
原创
新茶十九
16天前
102
阅读
javafx实现毛
玻璃
效果
css
毛
玻璃
效果
怎么做
分享一下我老师大神的人工智能教程！零基础，通俗易懂！也欢迎大家转载本篇文章。分享知识，造福人民，实现我们中华民族伟大复兴！ 先上 demo 和 源码其实毛
玻璃
的模糊
效果
技术上比较简单，只是用到了
css
滤镜（filter）中的 blur 属性。但是要做一个好的毛
玻璃
效果
，需要注意很多细节。比如我们需要将上图中页面中间的文字区域变成毛
玻璃
效果
，首先
javafx实现毛玻璃效果
html
背景图
伪元素
转载
Python数据分析
2023-12-25 06:13:48
238
阅读
橙色
玻璃
效果
水平
CSS
菜单
演示
效果
截图 用到的图片
CSS
代码/*
CSS
Document */.rhm1{ width:450px; height:64px; mar
DIV
CSS
DIV+CSS
css
html
转载
mb5ff40a36c352c
2009-08-09 01:42:00
117
阅读
红色
玻璃
效果
水平
CSS
菜单
演示
效果
截图 用到的图片
CSS
代码/*
CSS
Document */.rhm1{ width:450px; height:64px
CSS
DIV+CSS
DIV
css
html
转载
mb5fcdf2add9b6a
2009-08-09 01:39:00
209
阅读
CSS
技巧收集——毛
玻璃
效果
https://www.cnblogs.com/ghost-xyx/p/5677168.html核心代码.content { background-position: center top; b
html
转载
wx62ca408a2c56b
2022-07-11 10:35:51
175
阅读
Android compose 毛
玻璃
滤镜
效果
css
毛
玻璃
效果
怎么做
毛
玻璃
特效在日常的网页中都是寻常可见的，其大概结构为三层：背景层+毛
玻璃
层+内容层。下面写一下自己试验的毛
玻璃
特效：1.首先在html文件上写一个毛
玻璃
框架： <div class="container"><!--该层主要用于设定毛
玻璃
位置以及对毛
玻璃
的溢出进行限制，即作为毛
玻璃
的容器--> <div class="glass"></div>&
文档流
html
背景图
转载
mob64ca1415f0ab
2024-01-28 05:48:57
746
阅读
android compose 实现毛
玻璃
效果
css
毛
玻璃
效果
怎么做
在本教程中，我将向您展示如何在
CSS
中创建磨砂
玻璃
效果
。 您将在MacOS和iOS等UI中，甚至在当今的Windows中，都已经看到了这种
效果
，因此这绝对是一种趋势。 我们可以使用
CSS
在网站上模拟毛
玻璃
，在本教程中，我将向您展示两种实现方法。
CSS
中的毛
玻璃
效果
方法一 第一种方法具有相当广泛的浏览器支持，但是比我们将要讨论的第二种方法需要更多
CSS
。 首先创建一个带有.container类
css
java
html
python
js
转载
mob64ca14010a69
2024-05-15 05:46:40
558
阅读
用
CSS
制作毛
玻璃
效果
（高斯模糊
效果
）
css
代码<style> body,main::before{ background: url("images/1.jpg") 0 / cover fixed; } main{ position: relative; display: flex; align-content: center; justify-content: center
css
毛玻璃效果
高斯模糊
原创
立
2021-12-16 12:59:37
972
阅读
ios毛
玻璃
效果
android 毛
玻璃
效果
进过一番预研，找到了3中实现方案，其中各有优缺点：1、如果系统的api在16以上，可以使用系统提供的方法直接处理图片 if (VERSION.SDK_INT > 16) { Bitmap bitmap = sentBitmap.copy(sentBitmap.getConfig(), true); final RenderScrip
ios毛玻璃效果
Math
i++
App
转载
daleiwang
2023-06-06 10:52:01
121
阅读
Css
3实现背景毛
玻璃
效果
毛
玻璃
效果
ios里毛
玻璃
效果
的使用非常多，本文介绍一个实现div毛
玻璃
背景的方法
css
3 Filter
css
3的Filter主要用在图像的特效处理上，默认值为none，还有以下备选项： 1.grayscale灰度 2.sepia褐色 3.saturate饱和度 4.hue-rotate色相旋转 ...
html
毛玻璃效果
css3
chrome
透明背景
转载
mb5ff2f19eb6087
2021-08-15 16:37:00
1190
阅读
2
评论
css
3 简单的
玻璃
扫光
效果
css
3 简单的
玻璃
扫光
效果
.ss { display: block; width: 800px; height: 370px; position: absolute; background: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(255, 25
css3
公众号
javascript
转载
mb5fdcae58218c5
2020-10-22 11:12:00
865
阅读
2
评论
教你如何使用
CSS
实现毛
玻璃
效果
之前在逛一些网站的时候，就经常看见一些图片背景模糊的
效果
，这样的
效果
可以使得用户将更多的注意力放在清晰的地方上，可以不经意间引导用户。
css
css3
前端开发
开源项目
原创
精选
CRMEB众邦科技
2023-02-14 17:37:14
1082
阅读
jquery毛
玻璃
效果
app毛
玻璃
效果
最近在整理导航栏的渐隐渐现
效果
，整理过程中偶然学会了图片的毛
玻璃
效果
实现，很简单，不多说了，先上图看看
效果
对比，这是原图，这是加了
效果
后的，创建图片的代码就不上了，下面看下添加
效果
的代码：// 毛
玻璃
/*系统自带的三种风格UIBlurEffectStyleExtraLight,//额外亮度，（高亮风格） UIBlurEffectStyleLight,//亮风格 UIBl
jquery毛玻璃效果
毛玻璃效果
高亮
导航栏
转载
技术博客领航者
2023-06-06 11:24:01
204
阅读
毛
玻璃
效果
毛
玻璃
效果
UIImageView *imageView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"angry_00.jpg"]]; imageView.frame = CGRectMake(0, 0, self.view.frame.size.width, 200); [self.view addSu
毛玻璃效果
原创
ErwinSmith
2023-03-02 00:00:39
143
阅读
首页
1
2
3
4
5
共100条记录
精品课程
免费资料>
2025软考
系统架构设计师
系统规划与管理师
软件设计师
系统集成项目管理工程师
信创认证
系统架构师
信创集成项目管理师
信创规划管理师
系统开发工程师
厂商认证
CKA/CKS架构师
红帽认证工程师
Oracle-OCP认证
Oracle-OCM认证
IT技术
数据库高级工程师
AIGC大模型实战
Linux云计算架构师
Python全栈开发
华为认证
数通HCIP认证
云计算HCIE认证
华为存储HCIE认证
HCIP安全认证
相关文章
绘制玻璃效果
毛玻璃效果
使用CSS实现图片的磨砂玻璃效果
CSS：backdrop-filter实现毛玻璃的效果
android 毛玻璃效果 局部 毛玻璃效果手机壁纸
5分钟用CSS实现毛玻璃效果 CSS Glassmorphism
设置毛玻璃效果
Android 玻璃毛边效果
python 图片玻璃反光的效果 ps照片玻璃反光效果
相关搜索
全部
css div 玻璃效果
css 毛玻璃效果
css 玻璃效果
css 透明玻璃效果
css玻璃反光效果
css玻璃效果
css玻璃裂纹效果
css碎玻璃效果
毛玻璃效果 css
毛玻璃效果css
Copyright © 2005-2025
51CTO.COM
版权所有 京ICP证060544号
关于我们
官方博客
全部文章
热门标签
班级博客
了解我们
网站地图
意见反馈
友情链接
鸿蒙开发者社区
51CTO学堂
51CTO
软考资讯
