CSS遮罩和高斯模糊，是Web前端開發中常用的美化效果技術。

首先，CSS遮罩通過使用偽元素或者絕對定位來實現，可以為元素添加背景色或者背景圖片，并使用opacity屬性進行半透明處理。例如：

.mask {
position: relative;
}
.mask::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.7);
opacity: 0.7;
}

上述代碼中，.mask表示被遮罩的元素，使用position: relative屬性，使得偽元素可以使用position: absolute屬性，相對于.mask進行絕對定位，添加黑色背景并半透明處理。

其次，高斯模糊是指將圖像處理成一種模糊效果，可以使用filter屬性中的blur函數進行實現，例如：

.blur {
filter: blur(5px);
}

上述代碼中，.blur表示被高斯模糊處理的元素，使用filter屬性中的blur函數，設置處理程度為5px。

當兩種效果組合起來使用時，可以通過將遮罩元素放置在需要進行高斯模糊處理的元素上方，使得高斯模糊效果只作用于被遮罩的區域。

使用這種組合效果可以輕松實現類似彈窗、輪播圖等需要背景遮罩并具有高斯模糊背景的效果。