毛玻璃效果

惊朝發表於2024-03-31
.login-form {
    padding: 20px 60px;
    background-color: rgba(255, 255, 255, 0.6);
    border-radius: 8px;
    /* box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.1);  水平偏移量 垂直偏移量 模糊半徑 陰影顏色 */
    backdrop-filter: blur(5px);
    -weblit-backdrop-filter: blur(5px); /*  相容某些瀏覽器 */
}

相關文章