글래스모피즘 css

글래스모피즘: 뒷 이미지는 투명하고 일부만 불투명하게 하는 기능

 

.클래스명 {

                        display: inline-block;

                         background: rgba(255, 255, 255, 0.2);

                         border-radius: 16px;

                         box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);

                         backdrop-filter: blur(5px);

                         -webkit-backdrop-filter: blur(5px;

                          border 1px solid rgba (255, 255, 255, 0.3);

}