📜  GlassmorphismUI 动画

📅  最后修改于: 2021-08-31 07:15:40             🧑  作者: Mango

GlassmorphismUI 是一种用于设计网页元素、框架和屏幕的现代软 UI,也是一种相对较新的设计趋势,目前非常受欢迎,并且肯定会成为未来几天的下一个最大趋势。它的美感以极简和真实的 UI 为标志,这是旧的 NeomorphismUI 设计趋势的重新进步。

是什么让它如此特别?

  • 使用饱和色使透明度突出。
  • 透明度(磨砂玻璃效果)
  • 透明物体上的微妙轻边框。

HTML 代码:以下是实现 Glassmorphism 的 HTML 代码。

HTML


  

    
    Glassmorphism
    

  

    
        
        
    
       
        
                         
GlassmorphismUI
            
RBBANSAL
            
        
    
  


index.css: 以下代码演示了上述 HTML 代码中使用的 index.css 文件。


输出:

支持的浏览器:

  • 谷歌浏览器
  • 边缘
  • 火狐浏览器
  • 歌剧
  • 苹果浏览器