CSS是一種web開發(fā)中非常重要的技術(shù)。其中一個功能是用來控制元素的旋轉(zhuǎn)。下面介紹在CSS中如何讓盒子旋轉(zhuǎn)。

/* 首先我們需要定義我們要旋轉(zhuǎn)的元素，這里把盒子定義為一個div */
div{
width: 100px;
height: 100px;
background-color: #333; /* 設(shè)置盒子的背景顏色 */
}
/* 接下來就是使用CSS3的transform屬性進(jìn)行旋轉(zhuǎn)了 */
div:hover{
-webkit-transform: rotate(360deg); /* 指定旋轉(zhuǎn)的角度 */
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
/* 這段CSS代碼是說當(dāng)鼠標(biāo)滑過div的時候，就讓它旋轉(zhuǎn)360度 */

上面的代碼中，使用了transform屬性來控制旋轉(zhuǎn)角度。這個屬性是CSS3中的，支持很多種旋轉(zhuǎn)效果，比如平移、縮放等。在這里，我們只講到了rotate屬性。

旋轉(zhuǎn)的角度可以任意指定，比如90度、180度、360度等。可以根據(jù)具體需求進(jìn)行設(shè)置。

總之，CSS中的transform屬性可以讓我們輕松地控制元素的旋轉(zhuǎn)效果，讓我們的web頁面更加生動有趣。