在網頁設計中，常常需要使用CSS隱藏元素以及添加旋轉效果來增強頁面的交互性和美觀度。下面就讓我們來學習一下CSS如何隱藏元素并添加旋轉效果。

/* 隱藏元素 */
display: none;
/* 旋轉效果 */
transform: rotate(45deg);

首先，我們來看如何使用CSS隱藏元素。我們可以使用display屬性來實現元素的隱藏。具體來說，display屬性有以下幾個取值：

• none：元素不會在頁面中占據任何空間，并且不會被渲染出來。
• block：元素將被渲染為塊級元素，通常用于標題、段落等元素。
• inline：元素將被渲染為行內元素，通常用于鏈接、文本等元素。
• inline-block：元素將被渲染為行內塊級元素，可以設置寬度和高度，同時也可以與其他元素在同一行內顯示。

因此，若要隱藏元素，只需要將其display屬性設為none即可。

接下來，我們來看一下如何使用CSS為元素添加旋轉效果。我們可以使用transform屬性來實現元素的變換，其中rotate函數將元素按照指定角度進行旋轉，具體來說，rotate函數的語法如下：

transform: rotate(角度);

例如，若要將元素旋轉45度，則可以使用以下代碼：

transform: rotate(45deg);

需要注意的是，旋轉角度不僅可以為正數，也可以為負數或0。此外，我們還可以通過其他屬性來調整旋轉的中心點，實現不同的旋轉效果。具體內容可參考相關文獻。