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

javafx实现毛玻璃效果 css毛玻璃效果怎么做
分享一下我老师大神的人工智能教程！零基础，通俗易懂！也欢迎大家转载本篇文章。分享知识，造福人民，实现我们中华民族伟大复兴！ 先上 demo 和 源码其实毛玻璃的模糊效果技术上比较简单，只是用到了 css 滤镜（filter）中的 blur 属性。但是要做一个好的毛玻璃效果，需要注意很多细节。比如我们需要将上图中页面中间的文字区域变成毛玻璃效果，首先
javafx实现毛玻璃效果
html
背景图
伪元素
转载
Python数据分析
2023-12-25 06:13:48
238阅读

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

Android compose 毛玻璃滤镜效果 css毛玻璃效果怎么做
毛玻璃特效在日常的网页中都是寻常可见的，其大概结构为三层：背景层+毛玻璃层+内容层。下面写一下自己试验的毛玻璃特效：1.首先在html文件上写一个毛玻璃框架： <div class="container"><!--该层主要用于设定毛玻璃位置以及对毛玻璃的溢出进行限制，即作为毛玻璃的容器--> 　　<div class="glass"></div>&
文档流
html
背景图
转载
mob64ca1415f0ab
2024-01-28 05:48:57
746阅读

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

教你如何使用CSS实现毛玻璃效果
之前在逛一些网站的时候，就经常看见一些图片背景模糊的效果，这样的效果可以使得用户将更多的注意力放在清晰的地方上，可以不经意间引导用户。
css
css3
前端开发
开源项目
原创 精选
CRMEB众邦科技
2023-02-14 17:37:14
1082阅读

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代码/* 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菜单
演示效果截图 用到的图片 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阅读

Photoshop PS如何做凹陷效果
比如，一块木板上制作一块凹陷的效果；打开PS软件，并把原图拖到操作界面上。 把图层复制一份，为图层0副本；原图层关闭眼睛； 选取选框工具，在木板上框出自己想要的凹陷下去的大小； CTRL+J 复制选区并粘贴到新图层； 在图层面板下方的添加图层样式图标上点下，弹出的菜单中点：混合选项 弹出混合选项对话框， 勾选并点下：内阴影 右侧弹出设置
图层
百度经验
Photoshop
转载
mob604756fcd161
2020-08-31 17:07:00
1157阅读
2评论

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

Unity ugui雨玻璃效果 unity怎么做玻璃
玻璃效果实现原理： 先抓取一张玻璃后面景象的贴图tex；将tex根据玻璃法线纹理做一个扭曲得到 color1； 计算玻璃本身的反射颜色（使用上篇说得天空盒子）color2； 将color1和color2按照一定比例混合；Shader "Unity Shaders Book/Chapter 10/Glass Refraction" { Properties { _MainTex ("Main
Unity ugui雨玻璃效果
shader
图形学
unity
d3
转载
mob64ca140ee96c
2024-05-30 07:38:46
141阅读

GPU css优化 css 、js如何做优化
 一、减少HTTP请求1.合并CSS、js：每次调用js、css都要发送一次http请求，所以并不是分开写好几个文件比较好  js、css压缩。js压缩可以用gruntHTML优化：使用语义化标签减少iframe：iframe是SEO的大忌，iframe有好处也有弊端避免重定向CSS优化：删除空样式不滥用浮动，字体，需要加载的网络字体根据网站需求再添加选择器性能优化避免使用表达
GPU css优化
JSON
css
CSS
转载
锦绣前程未央
2024-06-04 07:33:40
22阅读

android添加毛玻璃效果 毛玻璃怎么做sketch
全流程概述闲话不多说，画了一个流程图给大家做一个整体流程、角色、交付物的概述。接下来给大家介绍一下各个角色。项目委员会：这是一个很虚的角色，即能确定项目是否要做的那帮人，有时候可能就是一个高级经理就能拍板确定。和我们实际开发没啥关系，不用去关心他。PM：产品经理，也是一个项目的推动者，即兼职项目经理的角色。UE：交互设计师，负责页面布局、交互的设计，不负责视图的细节。UI：视觉设计师，交互确定之后
android添加毛玻璃效果
项目流程
技术方案
UI
客户端
转载
墨香四溢
2024-07-09 22:09:30
33阅读

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

css3 简单的玻璃扫光效果

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

Css3实现背景毛玻璃效果

Android 纯色怎么做磨玻璃效果

分析网站如何做外链效果最佳

毛玻璃效果

如何做笔记 or 笔记该如何做？

绘制玻璃效果

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

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