HTML5 中提供了新的元素和屬性來實現旋轉效果。其中，旋轉效果可以通過 transform 屬性來實現，該屬性可以讓元素繞 X、Y 或 Z 軸旋轉。 具體來說，可以使用如下的樣式代碼來實現旋轉效果：

p {
transform: rotate(30deg);
}

其中，"rotate(30deg)" 指定了元素沿 Z 軸旋轉 30 度。如果需要沿 X 或 Y 軸旋轉，則可以分別使用 "rotateX()" 和 "rotateY()" 函數。 除了旋轉之外，還可以使用 "scale()" 函數來實現縮放效果、"translate()" 函數來實現平移效果以及其他的變換效果。這些變換效果都可以通過組合使用來實現更加復雜的動畫效果。 需要注意的是，transform 屬性目前還不是所有瀏覽器都支持，如果需要兼容不同瀏覽器，可以使用 CSS3 的前綴語法來實現：

p {
-webkit-transform: rotate(30deg); /* Safari 和 Chrome */
-moz-transform: rotate(30deg); /* Firefox */
-ms-transform: rotate(30deg); /* Internet Explorer */
-o-transform: rotate(30deg); /* Opera */
transform: rotate(30deg);
}

通過以上的代碼，可以實現一個簡單的旋轉效果。當然，要實現更加復雜的效果還需要深入研究 CSS3 和 JavaScript。