CSS3中的旋轉功能是指將HTML元素以一定角度進行旋轉的效果。通過CSS中的transform屬性,我們可以實現元素的旋轉、扭曲、縮放等效果,這些效果都是CSS3中的新特性。
下面是一個例子代碼:
<!DOCTYPE html> <html> <head> <style> .rotate { border: 1px solid black; padding: 10px; -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg); } </style> </head> <body> <h1>這是一個標題</h1> <p class="rotate">這是一個被旋轉的段落</p> </body> </html>
在這個例子中,我們給一個段落添加了一個.rotate類,該類中使用了CSS中的transform屬性,將元素以30度的角度進行旋轉。需要注意的是,不同的瀏覽器需要加上對應的前綴,如-webkit-transform和-ms-transform。
通過使用CSS3中的旋轉功能,我們可以實現更加豐富的頁面效果,并且在不增加頁面的復雜程度的情況下,增加頁面的可讀性和可操作性。