CSS窗戶效果是現代網頁設計中常用的一種效果，它可以使頁面看起來更加動態和生動。

.window {
width: 300px;
height: 200px;
background-color: #fff;
position: relative;
overflow: hidden;
}
.window:after {
content: "";
position: absolute;
top: -30px;
right: -30px;
bottom: -30px;
left: -30px;
z-index: -1;
background-color: rgba(0, 0, 0, 0.3);
transform: rotate(45deg);
}

以上代碼中，我們首先定義了一個窗戶的容器元素，并為其設置了大小和背景顏色。我們還將其位置設置為絕對定位，將超出容器范圍的元素設為隱藏狀態。接下來，在容器元素的后方插入一個偽元素，將其位置設置為相對于容器元素的邊緣向外30像素的位置，將其背景顏色設為半透明黑色，并將其旋轉45度，達到窗戶的效果。

當然，以上代碼只是窗戶效果的一個基本實現，還可以根據實際需求進行修改和優化，例如可以為其添加過渡效果或通過JavaScript來控制窗戶的開關等等。