首页
学习
活动
专区
圈层
工具
发布
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    玻璃拟态(Glassmorphism)设计风格

    前言 特征 毛玻璃拟态模仿了塑料材质(凹凸质感,凸显层次感),这个新的视觉风格更加注重垂直空间Z轴的使用: 透明感(使用背景模糊/高斯模糊的磨砂玻璃效果) 物体漂浮在空间中,通过前后关系表现层次感 鲜艳的色彩感...,更突出了模糊的透明度 半透明物体边缘的微妙处理,采用细腻的边框来表现玻璃质感 这是注重空间感的典型特征,意味着这种风格有助于用户建立界面的层次结构和深度。...用户可以看到物体间的层次关系,哪一层在哪一层之上,就像空间中真实的玻璃一样。 实例 玻璃拟态风格设计: 玻璃拟态风格图标: 网页头图: 不足 毛玻璃拟态效果并不好应用于上线产品。...选择背景时,请确保其具有足够的色调差异,以使玻璃效果真正可见。 细节 你可以尝试的最后一件事是为形状添加1px内边框,并具有一定的透明度。它模拟玻璃边缘,可以使形状从背景中脱颖而出。...在线生成工具: 玻璃拟态在线生成工具 玻璃拟态样式

    3.1K30

    CodeBuddy 制作玻璃拟态效果生成器,毛玻璃 UI 的艺术

    它可以一键生成具有毛玻璃、半透明、模糊背景的卡片样式,让你在不费力写 CSS 的情况下,也能轻松实现高级感十足的 UI 效果。 ✨ 什么是“玻璃拟态”?...玻璃拟态是一种视觉风格,它让 UI 元素看起来仿佛是一块块半透明的玻璃,背景内容略带模糊效果,仿佛隔着一层磨砂玻璃。...生成一个标准玻璃卡片生成一个玻璃拟态卡片,宽度 300px,高度 200px,背景半透明白色,模糊强度 10px。...背景图片叠加毛玻璃创建一个背景图为日出海岸的卡片,添加玻璃拟态模糊效果。 CodeBuddy 支持在毛玻璃之下叠加图片层,并智能控制模糊程度,避免背景过于杂乱干扰内容。...如果你还没有尝试过玻璃拟态设计,不妨今天就动手,用一句:生成一个带模糊和透明背景的玻璃风格 UI 卡片 CodeBuddy 就会为你送上一片温润而高级的“毛玻璃世界”。

    42310

    纯CSS 毛玻璃效果 💎

    在我年轻时做过的开发中,毛玻璃应用得最广是在复杂的背景图上。 如果你希望在一个复杂的背景上添加文字,文字能清晰展示,并尽可能的保留原背景的话,使用毛玻璃的效果去处理是非常合适的。...本文主要讲解背景毛玻璃效果,也会讲讲文字如何做出模糊效果。...背景图毛玻璃 在 PhotoShop 中,毛玻璃主要使用 高斯模糊 和 羽化 。说白了就是模糊。 在 CSS 中,想要实现模糊效果,可以使用 滤镜 。...有了它就实现了毛玻璃的基本效果。 最后加上 box-shadow: 0 0 30px 10px rgba(0, 0, 0, .3); 让毛玻璃与背景之间产生一点阴影,看起来会更自然。...文字毛玻璃 文字版的毛玻璃效果其实也是一个模糊效果。 这个案例是鼠标移入文字时,文字变清晰;鼠标移出后变模糊。也是 纯CSS 可以做出来的。

    5K30

    Fraunhofer IZM的玻璃基板技术

    挑战 玻璃易碎,且玻璃边缘质量对整体坚固性影响很大,所以在改进材料本身脆性的同时,在进行玻璃切割等工艺上也要注重保证边缘质量。...目前使用二氧化碳激光或未来会用刀片切割玻璃可以提升边缘质量及光学性能以连接光纤,同时也可进行化学强化处理(离子交换等方式)增加玻璃边缘的坚固性,但这仍不能完全解决易碎问题,尤其对于含大量玻璃通孔TGV的玻璃芯基板...后期研究者发现铜和玻璃热膨胀系数(CTE)、弹性模量等差异大,在一定尺寸和铜含量情况下,若无缓冲层容易出现破裂等问题,因此在铜和玻璃之间设置缓冲层,进一步缩小TGV尺寸后可再次实现可靠的玻璃上镀铜填充等工艺...◆ 玻璃芯基板的可靠性及面临的问题 1....◆ IZM玻璃面板技术小组及目标 为推动玻璃芯基板技术发展,IZM正在组建玻璃面板技术小组,会联合众多合作公司贯穿整个玻璃芯基板工艺流程链,将相关技术应用到集成面板再分布层(RDL)生产线,

    55711

    光学玻璃之光学特性

    (1)折射率每个牌号的光学玻璃均按下表所列的光谱线给出折射率,所记载的折射率依据(4)项的色散曲线方程式计算得出。...(3)特殊色散性一般光学玻璃的绝大部分,部分色散比和阿贝数之间存在如下线性关系,这样的硝材被称为正常部分色散玻璃,与此相反,如果在领域图上偏离这条直线的玻璃被称为特殊部分色散玻璃,特殊色散性的大小以“正常玻璃...n(λ)^2=A0+A1*λ^2+A2*λ^4+A3*λ^-2+A4*λ^-4+A5*λ^-6+A6*λ^-8+A7*λ^-10+A8*λ^-12以下A0~ A8 是依据玻璃的牌号所定的定数,对每种玻璃进行精密测试所得到的折射率使用最小二乘法计算得出...一般关于280nm~2400nm的波长范围,记载的是 10mm厚玻璃样品的内部透过率。也提供i线(365 nm)的透过率。内部透过率以80%和5%标注时的波长作为“内部透过”。...例如全透过率80%和5%的对应波长为332nm,286nm 的玻璃,着色度表示为 332/286,ne 超过1.85 以上的高折射率玻璃,由于反射损失过大所以采用 70% 的透过率对应的波长来代替 80%

    74110
    领券