51CTO首页
AI.x社区
博客
学堂
精品班
软考社区
免费课
企业培训
鸿蒙开发者社区
信创认证
公众号矩阵
移动端
视频课 免费课 排行榜 短视频 直播课 软考学堂
全部课程 软考 信创认证 华为认证 厂商认证 IT技术 PMP项目管理 免费题库
在线学习
文章 资源 问答 课堂 专栏 直播
51CTO
鸿蒙开发者社区
51CTO技术栈
51CTO官微
51CTO学堂
51CTO博客
CTO训练营
鸿蒙开发者社区订阅号
51CTO软考
51CTO学堂APP
51CTO学堂企业版APP
鸿蒙开发者社区视频号
51CTO软考题库
CKA（Kubernetes 管理员认证）精品班
按照企业k8s需求进行技能培训，帮助用户快速拿下CKA认证，K8S采用新版本进行授课，课程内容全、讲解详细 。 免费试学
软考高级：系统架构设计师精品班
根据考试大纲对知识点、高频考点进行深入讲解，传授答题技巧及判断标准，助力高效备考。 免费试学
信创认证：系统架构师精品班（高级）
信息技术应用创新人才考试评价 免费试学

android 透明毛玻璃效果
今天给大家带来的是制作透明玻璃的教程，这个教程对于光的效果制作有难度，但是只要你有好的分析方法，我想这个PS教程对你不会有什么难度。让我们开始吧。最终效果图：素材下载：第一步：把“木纹”下载下来，直接就在上面开工，因为它的用处是背景，也不会编辑它。所以不需用新建，但是在其它的设计制作中，大家还是要习惯性的CTRL+J。然后我们使用圆角矩形工具，圆角为“10”。拉出一个矩形来。现在我们双击矩形图层。
android 透明毛玻璃效果
html 透明玻璃效果
图层
图案叠加
背景图层
转载
bigrobin
3月前
446阅读

html5 玻璃效果 css实现毛玻璃效果
毛玻璃其实就是磨砂玻璃，能够模糊的看清背后的风景，让人感觉有种朦胧美，让界面看上去有些层次感。比如：高大上啊，接下来肯定是眼馋手痒的过程。。。当然，用ps搞一个全景毛玻璃背景毫无疑问是最省事的，那接下来就没啥事可干了。当然no no no了。毛玻璃无疑就是种模糊了，少不了filter blur。最终效果（chrome）：天气预报嗯，也算是将就了。。。<!DOCTYPE html> &l
html5 玻璃效果
web前端
html
chrome
浏览器版本
转载
hackernew
2023-07-19 21:19:18
793阅读

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阅读

ios毛玻璃效果改变透明度 ios毛玻璃效果壁纸
App设计时往往会用到一些模糊效果或者毛玻璃效果,iOS目前已提供一些模糊API可以让我们方便是使用。 话说苹果在iOS7.0之后,很多系统界面都使用了毛玻璃效果,增加了界面的美观性,比如下图的通知中心界面; 但是其iOS7.0的SDK并没有提供给开发者实现毛玻璃效果的API,所以很多人都是通过一些别人封装的框架来实现,后面我也会讲到一个; 其实在iOS7.0(包括)之前还是有系统
ios毛玻璃效果改变透明度
毛玻璃效果
ide
图结构
转载
detailtoo
1月前
409阅读

android view半透明毛玻璃效果
解决的问题：我们在装饰新家的时候买了几幅抽象画，买回来之后发现有些加上色彩艳丽的边框更适合我们，而有的加上玻璃罩之后更能符合我们的使用。那我们来怎么解决这个问题呢？他需要动态的给别的对象增加额外的职责，这就是装饰者模式的目的。我们可以通过继承的方式来给原对象增加新功能，但是装饰者模式采用组合的方式比生成子类更加灵活。类图及样例实现： 在装饰模式中的各个角色有：抽象构件（Component）角
c/c++
设计模式
装饰者模式
装饰模式
#include
转载
技术极客领袖
7月前
34阅读

android 实现半透明毛玻璃效果
玻璃是目前使用较广泛、应用范围较广的无机非金属材料，能够应用于建筑、日用、艺术、仪表等领域，种类十分丰富。除了常用的钢化玻璃、印花玻璃以外，还有光学玻璃、调光玻璃等对技术要求较高的类型。本篇文章中我们将介绍光学玻璃有哪几种类别，并着重说明超白玻璃跟白玻有什么区别 1.无色光学玻璃对光学常数有特定要求，具有可见区高透过、无选择吸收着色等特点。按阿贝数大小分为冕类和火石类玻璃
android 实现半透明毛玻璃效果
红外
互联网时代
液晶显示
转载
mob64ca13fbd761
3月前
21阅读

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&gt
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阅读

css半透明效果
.VPNav.no-sidebar[data-v-4da33ef2] { -webkit-backdrop-filter: saturate(50%) blur(8px); backdrop-filter: saturate(50%) blur(8px); background: rgba(255,
ide
原创
wg_iGBFcBFB
2022-10-21 14:33:47
854阅读

android 透明毛玻璃 透明玻璃手机壁纸
每一位坐过波音787梦想客机的旅行者，都会注意到那块魔幻的变色玻璃。当飞机进入巡航高度的时候，机长会将旅客身边的舷窗玻璃调整为深蓝色，而进入下降时间，这块玻璃又回自动变成透明色，这就是传说中的电致变色玻璃。我第一次乘坐波音787被这项技术震撼到，而我也并没有想到，这项在交通运输界方兴未艾的新材料，很快会被应用于消费电子产品。去年的CES上，欧加集团旗下品牌Oneplus（一加）就展示了电致变色概念
android 透明毛玻璃
人工智能
大数据
编程语言
机器学习
转载
新新人类
2024-08-25 13:45:19
252阅读

android 毛玻璃透明 毛玻璃改透明
 用到的基础知识               一、两种模糊库               工作中要用到高斯模糊的事的图片做背景图，在android下面实现高斯模糊，有两种方法，      &
android 毛玻璃透明
十六进制
像素点
背景图
转载
云端筑梦师
2024-01-31 01:59:18
188阅读

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阅读
  • 1
  • 2
  • 3
  • 4
  • 5
精品课程领资料
免费资料>
2025软考
系统架构设计师 系统规划与管理师 软件设计师 系统集成项目管理工程师
信创认证
系统架构师 信创集成项目管理师 信创规划管理师 系统开发工程师
厂商认证
CKA/CKS架构师 红帽认证工程师 Oracle-OCP认证 Oracle-OCM认证
IT技术
数据库高级工程师 AIGC大模型实战 Linux云计算架构师 Python全栈开发
华为认证
数通HCIP认证 云计算HCIE认证 华为存储HCIE认证 HCIP安全认证
相关文章

用CSS制作毛玻璃效果（高斯模糊效果）

CSS定义通用透明效果

ios毛玻璃效果 android 毛玻璃效果

Css3实现背景毛玻璃效果

css3 简单的玻璃扫光效果

教你如何使用CSS实现毛玻璃效果

jquery毛玻璃效果 app毛玻璃效果

【Css】Css实现DIV半透明效果（示例）

css实现图片半透明效果

Android毛玻璃 透明

Copyright © 2005-2025 51CTO.COM 版权所有 京ICP证060544号

关于我们
官方博客 全部文章 热门标签 班级博客
了解我们 网站地图 意见反馈
友情链接
鸿蒙开发者社区 51CTO学堂
51CTO 软考资讯