Logo ToolPro

玻璃拟态生成器

创建毛玻璃效果的 CSS 样式，打造现代 UI 设计

其他工具 9 0
Workspace

玻璃拟态生成器

打造通透质感。
基于 backdrop-filter 的现代 Web 设计风格，让您的界面充满高级感。

参数调整 (Settings)

模糊 (Blur) 12px
透明度 (Opacity) 0.35
饱和度 (Saturation) 180%
圆角 (Radius) 20px
#ffffff
#ffffff
边框透明度 0.40

CSS Code 


        

    


    
    

        
        
        

             
             

             

             


             
             

                

                    

                        
                    

                     
Glassmorphism

                     

                         The frosted glass effect adds depth and texture to your design.
                     

                     

                         
                         
                     

                

             

             
             
Live Preview

        

        
        
         

             
切换预览背景

             

                 
                 
                 
                 
                 
                 
                 
                 
             

        


    





                

            


            
                        

                

                                            
工具介绍
玻璃拟态生成器，创建毛玻璃CSS效果。
可调参数
  • 模糊程度 / 透明度

  • 饱和度 / 边框透明度

  • 圆角 / 颜色
                                    

            

            
            
            

                

                    

                        讨论 0
                    

                


                
                                

                    

                        
                    

                    
请 登录 后参与讨论

                

                
                
                                

                     
暂无评论，成为第一个分享观点的人吧。

                

                            

        


        
        

            
            
            

                
信息

                

                    

                        
发布日期

                        
2026-01-13

                    

                    

                        
最近更新

                        
2026-02-20

                    

                     

                        
状态

                        
Normal

                    

                

                
                                

                    

                                                #玻璃拟态
                                                #毛玻璃
                                                #Glassmorphism
                                                #CSS效果
                                                #UI设计