CSS3是一種用于網頁設計的強大工具，它可以做出很多好看的效果，其中之一就是窗簾飄動效果。

這種效果可以通過CSS3的一些新特性來實現，比如利用transform和transition屬性進行動畫效果的設置，利用偽類和定位來模擬窗簾的效果。下面是實現窗簾飄動效果的CSS代碼：

.curtain {
width: 100%;
height: 100%;
background-color: #ffffff;
position: relative;
}
.curtain .left, .curtain .right {
width: 50%;
height: 100%;
position: absolute;
top: 0;
overflow: hidden;
}
.curtain .left {
left: 0;
}
.curtain .right {
right: 0;
}
.curtain .left:before, .curtain .right:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
background-color: #000000;
z-index: 2;
}
.curtain .left:before {
left: -100%;
transform-origin: right;
}
.curtain .right:before {
right: -100%;
transform-origin: left;
}
.curtain .left.open:before {
transform: rotateY(-90deg) translateX(-50%);
left: 0;
}
.curtain .right.open:before {
transform: rotateY(90deg) translateX(50%);
right: 0;
}
.curtain .left, .curtain .right {
transition: all 0.5s ease;
}

解析：

首先，我們需要一個包含兩個子元素的容器，分別為左邊窗簾和右邊窗簾，這兩個元素的寬度都為50%。為了模擬窗簾的效果，我們給窗簾元素添加一個偽類: before，并設置它的背景色為黑色。同時，我們也需要對它的初始位置進行設置，left或right為負數，這樣它就會被隱藏在窗簾容器之外。

接著，我們利用:hover偽類和JavaScript來實現窗簾的開關效果。當鼠標移動到窗簾容器上時，執行JavaScript代碼切換窗簾元素的類名，使窗簾元素從初始位置滑動到中心位置。當鼠標離開窗簾容器時，再次執行JavaScript代碼，切換窗簾元素的類名，使其回到初始位置。

這樣，我們就成功實現了窗簾飄動效果！