CSS3打造磨砂玻璃背景效果

2020-05-05 08:05:04易采站长站整理

                    }   
  
                    /**  
                     * 整体居中功能;  
                     * 背景透明虚化  
                     * 溢出隐藏  
                     * 边缘圆角化  
                     * 文字增加淡阴影  
                     */  
                    .description{   
                        position: relative;   
                        margin: 0 auto;   
                        padding: 1em;   
                        max-width: 23em;   
                        background: hsla(0,0%,100%,.25) border-box;   
                        overflow: hidden;   
                        border-radius: .3em;   
                        box-shadow: 0 0 0 1px hsla(0,0%,100%,.3) inset,   
                                    0 .5em 1em rgba(0, 0, 0, 0.6);