CSS3旋轉鞋柜尺寸是網頁設計中常用的一種效果，它可以通過一些簡單的CSS3代碼來實現。下面是一個關于CSS3旋轉鞋柜尺寸的例子：

.my-cabinet {
width: 500px;
height: 500px;
perspective: 1000px;
}
.my-cabinet .cabinet {
position: relative;
width: 500px;
height: 500px;
transform-style: preserve-3d;
transition: all 1s ease-in-out;
}
.my-cabinet .cabinet .face {
position: absolute;
width: 500px;
height: 500px;
backface-visibility: hidden;
text-align: center;
font-size: 30px;
line-height: 500px;
}
.my-cabinet .cabinet .face:nth-child(1) {
background-color: #ccc;
transform: rotateY(0deg) translateZ(250px);
}
.my-cabinet .cabinet .face:nth-child(2) {
background-color: #bbb;
transform: rotateY(90deg) translateZ(250px);
}
.my-cabinet .cabinet .face:nth-child(3) {
background-color: #aaa;
transform: rotateY(180deg) translateZ(250px);
}
.my-cabinet .cabinet .face:nth-child(4) {
background-color: #999;
transform: rotateY(270deg) translateZ(250px);
}
.my-cabinet:hover .cabinet {
transform: rotateY(180deg);
}

在這個例子中，我們創建了一個class為“my-cabinet”的div，它的寬度和高度都是500px，perspective屬性用于設置透視視距。接下來，在“my-cabinet”中創建一個class為“cabinet”的div，設置其寬度和高度，通過transform-style屬性來指定旋轉的元素如何被位于父元素的透視點觀察。其余的.face類都是直接的子元素，表示“my-cabinet”中旋轉的4個面，通過不同的角度和translateZ來實現旋轉。

最后，通過:hover偽類來實現旋轉的效果。當鼠標指針移動到“my-cabinet”上時，將觸發所有子元素轉換的變換，達到旋轉鞋柜的效果。