CSS禪意花園是一本著名的CSS小書，里面介紹了很多精美的CSS設計。你看過嗎？

我非常喜歡CSS禪意花園，因為它不僅展示了美麗的CSS效果，還提供了一些很不錯的CSS技巧和最佳實踐。其中不乏一些我從未見過的CSS花樣，給我帶來了很多靈感。

/* 一個例子：漂亮的旋轉菜單 */
.menu {
position: relative;
width: 200px;
height: 200px;
margin: 0 auto;
}
.menu li {
position: absolute;
display: block;
width: 50px;
height: 50px;
border-radius: 50%;
text-align: center;
background: #45c8dc;
transform: translateY(75px);
transition: all .3s ease-in-out;
}
.menu:hover li {
transform: translateY(0) rotate(360deg);
}
.menu li:nth-child(1) {
left: 75px;
}
.menu li:nth-child(2) {
left: 25px;
top: 25px;
}
.menu li:nth-child(3) {
top: 75px;
}
.menu li:nth-child(4) {
top: 25px;
right: 25px;
}
.menu li:nth-child(5) {
top: 75px;
right: 75px;
}
.menu li:hover {
background: #fff;
}

這是CSS禪意花園中的一個例子，是一個漂亮的旋轉菜單。當鼠標懸停在菜單上時，它的子項會旋轉并且顏色變成白色。使用這個代碼塊，你可以快速地創建一個有趣的旋轉菜單。

總的來說，CSS禪意花園是一個對于所有CSS愛好者都值得一看的資源。里面有很多的技巧和精美的CSS設計，可以幫助你提高CSS技能，這是一個值得收藏的CSS資源。