HTML 代碼讓屏幕旋轉(zhuǎn)，其實(shí)就是借助一些 CSS3 的屬性實(shí)現(xiàn)的。下面我們來看具體的實(shí)現(xiàn)過程。

/*首先添加以下CSS樣式*/
body{
-webkit-transition: -webkit-transform 2s ease;
transition: transform 2s ease;
}
.rotate{
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}

上面的代碼中，我們通過添加了一個(gè) body 標(biāo)簽的樣式，使得整個(gè)頁面放置于旋轉(zhuǎn)之中，同時(shí)定義了一個(gè) rotate 的 class，方便我們在需要的時(shí)候調(diào)用。接下來，我們需要用到一些 JavaScript 代碼來控制樣式的切換。

//獲取按鈕元素
const button = document.getElementById('rotate-button');
//綁定點(diǎn)擊事件，添加和刪除旋轉(zhuǎn) class
button.onclick = function(){
document.body.classList.toggle('rotate');
}

接下來，我們只需要在頁面中添加一個(gè)按鈕元素，并設(shè)定其 ID 值為 "rotate-button"，點(diǎn)擊該按鈕即可讓整個(gè)頁面旋轉(zhuǎn)起來了。

旋轉(zhuǎn)

需要注意的是，上述代碼只是演示了如何讓整個(gè)頁面旋轉(zhuǎn)起來，實(shí)際應(yīng)用中可能需要更加細(xì)致的調(diào)整，以適應(yīng)不同的屏幕大小和設(shè)備方向。另外，在旋轉(zhuǎn)整個(gè)頁面時(shí)，其中的元素都會(huì)跟著旋轉(zhuǎn)，若需要讓其中某個(gè)元素保持靜止，可以為該元素添加一個(gè)相反方向的旋轉(zhuǎn)樣式。

總之，HTML 代碼讓屏幕旋轉(zhuǎn)的實(shí)現(xiàn)，需要結(jié)合 CSS3 和 JavaScript 的相關(guān)知識(shí)，但妥善使用，可以為頁面帶來更加出色的展示效果。