CSS可以讓你實(shí)現(xiàn)各種各樣的效果，比如點(diǎn)擊才能旋轉(zhuǎn)的效果。下面是一段用CSS實(shí)現(xiàn)點(diǎn)擊旋轉(zhuǎn)的代碼。

.container {
position: relative;
}
.container:hover .box {
transform: rotate(180deg);
}
.box {
transition: transform .5s ease;
}
.box:hover {
cursor: pointer;
}
.box {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

上面的代碼是一個(gè)簡(jiǎn)單的示例，給一個(gè)容器添加了一個(gè)hover偽類。當(dāng)鼠標(biāo)移動(dòng)到容器上時(shí)，旋轉(zhuǎn)的class會(huì)附加給box元素，并使它轉(zhuǎn)動(dòng)180度。在box獲得hover焦點(diǎn)時(shí)，鼠標(biāo)指針會(huì)變成小手，提示用戶可以點(diǎn)擊旋轉(zhuǎn)。

這是實(shí)現(xiàn)點(diǎn)擊才旋轉(zhuǎn)的一種基礎(chǔ)方法，你可以根據(jù)自己的需要進(jìn)行修改和優(yōu)化，從而得到更適合自己網(wǎng)站的效果。