CSS按鈕是網(wǎng)頁設計中一個非常常見的元素。按鈕的邊框效果可以讓網(wǎng)頁更加生動，而邊框發(fā)光效果更是讓按鈕更加醒目。而今天，我們將學習如何給按鈕添加邊框發(fā)光旋轉的效果。
首先，我們需要使用CSS3中的box-shadow屬性來實現(xiàn)邊框發(fā)光的效果。box-shadow屬性有幾個參數(shù)，分別是水平偏移量、垂直偏移量、模糊值、擴散值和顏色值。我們可以通過設置模糊值和擴散值讓陰影呈現(xiàn)發(fā)光的效果。例如：

button {
box-shadow: 0 0 10px 0 #fff;
}

這段代碼會讓按鈕的邊框呈現(xiàn)一個模糊程度為10像素、顏色為白色的發(fā)光效果。
接下來，我們需要使用CSS3中的transform屬性來給按鈕添加旋轉效果。transform屬性有幾個參數(shù)，包括旋轉角度、平移值、縮放值和傾斜值等。我們可以通過設置旋轉角度來實現(xiàn)按鈕的旋轉效果。例如：

button:hover {
transform: rotate(360deg);
}

這段代碼會讓鼠標懸浮在按鈕上時，按鈕朝順時針方向旋轉360度。
那么，如何將這兩個效果結合起來呢？我們可以給按鈕添加:hover偽類選擇器，讓按鈕在鼠標懸浮時同時呈現(xiàn)邊框發(fā)光和旋轉效果。例如：

button:hover {
box-shadow: 0 0 10px 0 #fff;
transform: rotate(360deg);
}

這段代碼會讓鼠標懸浮在按鈕上時，按鈕呈現(xiàn)邊框發(fā)光和旋轉效果。
總結一下，我們可以通過CSS3中的box-shadow和transform屬性分別實現(xiàn)邊框發(fā)光和旋轉效果，通過:hover偽類選擇器，將這兩個效果結合起來，實現(xiàn)一個酷炫的按鈕效果。下面是完整的示例代碼：

<button>按鈕</button>
<style>
button {
background-color: #fff;
padding: 10px 15px;
border: 2px solid #ccc;
border-radius: 5px;
font-size: 16px;
color: #333;
cursor: pointer;
transition: box-shadow 0.3s, transform 0.3s;
}
button:hover {
box-shadow: 0 0 10px 0 #fff;
transform: rotate(360deg);
}
</style>

以上就是CSS按鈕邊框發(fā)光旋轉的實現(xiàn)方法，希望對大家有所幫助。