萬花筒效果是CSS中一個不錯的特效，尤其是在一些藝術類或娛樂類的網站中，往往會采用這種效果來增加網站的趣味性。下面是一段常用的CSS萬花筒代碼：

.container {
width: 200px;
height: 200px;
position: relative;
margin: 50px auto;
}
.container:before {
content: "";
width: 400px;
height: 400px;
position: absolute;
top: -100px;
left: -100px;
border-radius: 50%;
box-shadow: inset 0px 0px 50px rgba(0,0,0,0.5);
animation: rotate 20s linear infinite;
}
@keyframes rotate {
100% {
transform: rotate(360deg);
}
}

上面的代碼實現了一個簡單的圓形萬花筒效果。首先，我們需要一個容器，容器需要采用相對定位和居中的方式來進行布局，并且需要設置一個固定的寬高。接著，在容器的偽元素:before中，我們創建一個大圓，并設置其絕對定位和圓角，同時還可以設置一個內陰影使其看起來更立體。最后，我們通過動畫將這個大圓旋轉起來，這樣就可以實現一個不斷變換的萬花筒效果。

當然，這只是一個簡單的示例，實際上，我們可以根據實際需求來進行修改，例如將容器的背景色設置為透明，創建多個偽元素，甚至可以將萬花筒效果與圖片或文本進行結合等等。