CSS3 border 旋轉是一種常用的技術，它可以為網頁添加華麗的邊框以及旋轉效果，使得網頁更加美觀，下面我將向大家介紹如何使用CSS3技術來進行邊框旋轉。

.box{
border: 3px solid #f00;
transform: rotate(30deg);
}

上面的代碼是一個通用的CSS3選擇器，其中.box表示將要進行旋轉的元素，邊框的寬度為3像素，顏色為紅色。transform是CSS3常用的變換屬性之一，表示對于當前元素進行旋轉，參數30deg表示旋轉的角度為30度。
為了更好的效果，我們可以配合使用transition屬性，使得旋轉效果更加順滑。

.box{
border: 3px solid #f00;
transition: transform 0.3s ease-in-out;
transform: rotate(30deg);
}
.box:hover{
transform: rotate(60deg);
}

上面的代碼中，我們加入了hover效果，鼠標經過.box元素時，將其角度旋轉到60度，同時用transition屬性控制了0.3秒內進行過渡，使得旋轉過程更加流暢。

總之，CSS3 border 旋轉是一種非常實用的技術，可以為網頁增添華麗的邊框效果，同時通過變換屬性的堆疊，可以實現更多花樣的旋轉效果。只要我們掌握了這個技術，相信我們的網頁設計一定會更上一層樓。